[solucionado] el contenedor principal no abarca todo

nomemolestes · #1 (**permalink**) 28/08/2007, 17:39

Tengo una pagina XHTML de este estilo:
<html>
...
<body>
<div id="content">

<div id="cabecera">
...
</div>

<div id="menu">
...
</div>
...
</div>
</body>
</html>

y este CSS:
body {
margin:0em;
padding:0em;
text-align:center;
background:#000;
}

#content {
text-align:left;
margin:0em;
padding:0em;
background:#000;
border: 2px solid red;
width:100%;
height:100%;
font-family:Verdana, Arial, sans-serif;
font-size:80%;
}

Pues bien, el borde rojo de la negrita de arriba no queda pegado al borde en la pantalla, sino que queda un hueco. ¿Por qué? La página la tengo colgada en http://sombradeunjinete.awardspace.com/ y el css en http://sombradeunjinete.awardspace.com/css/jinete.css

PatomaS · #2 (**permalink**) 28/08/2007, 21:32

Hola

Aquí te dejo un ejemplo con el código mínimo necesario, juega con el y combínalo con tus códigos para que veas el funcionamiento de cada elemento:

Código HTML:

<?xml version="1.0" encoding="ISO-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es">
<head>
	<style type="text/css">
		* {border: 0; margin: 0; padding: 0;}
		html,body { width: 100%; height: 100%; background-color: #fff; }
		#Base { width: 100%; height: 100%; background-color: #ccc;}
	</style>
	<title>Pruebilla</title>
</head>
<body>
<div id="Base">
	<p>&nbsp;</p>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
</div>
</body>
</html>

Felicidad

nomemolestes · #3 (**permalink**) 29/08/2007, 06:59

Si copio tu ejemplo tal cual, me queda bien. Pero si pongo, en vez de la etiqueta style, esto:

Código HTML:

<link rel="stylesheet" href="css/prueba.css" type="text/css" media="screen" />

Y en un archivo prueba.css esto:

Código HTML:

<style>
	* {border: 0; margin: 0; padding: 0;}
	html,body { width: 100%; height: 100%; background-color: #fff; }
	#Base { width: 100%; height: 100%; background-color: #ccc;}
</style>

Ya vuelve a dejar el borde blanco alrededor... no lo entiendo

nomemolestes · #4 (**permalink**) 29/08/2007, 16:32

Ya sé que pasaba, en el fichero .css ponía al principio y al final:
<style>
...
</style>

y entonces el primer selector no me lo reconocía.