Foros del Web » Creando para Internet » CSS »

[solucionado] el contenedor principal no abarca todo

Estas en el tema de [solucionado] el contenedor principal no abarca todo en el foro de CSS en Foros del Web. Tengo una pagina XHTML de este estilo: <html> ... <body> <div id="content"> <div id="cabecera"> ... </div> <div id="menu"> ... </div> ... </div> </body> </html> y ...
  #1 (permalink)  
Antiguo 28/08/2007, 18:39
 
Fecha de Ingreso: julio-2007
Mensajes: 30
Antigüedad: 10 años, 5 meses
Puntos: 1
Pregunta [solucionado] el contenedor principal no abarca todo

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

Última edición por nomemolestes; 29/08/2007 a las 17:33 Razón: solucionado
  #2 (permalink)  
Antiguo 28/08/2007, 22:32
Avatar de PatomaS
Colaborador
 
Fecha de Ingreso: marzo-2004
Ubicación: En alguna otra parte
Mensajes: 4.656
Antigüedad: 13 años, 9 meses
Puntos: 63
Re: el contenedor principal no abarca todo

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
__________________
¡ hey, hou, hou, hey !
  #3 (permalink)  
Antiguo 29/08/2007, 07:59
 
Fecha de Ingreso: julio-2007
Mensajes: 30
Antigüedad: 10 años, 5 meses
Puntos: 1
Re: el contenedor principal no abarca todo

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

Última edición por nomemolestes; 29/08/2007 a las 08:00 Razón: pa que quede más bonito
  #4 (permalink)  
Antiguo 29/08/2007, 17:32
 
Fecha de Ingreso: julio-2007
Mensajes: 30
Antigüedad: 10 años, 5 meses
Puntos: 1
Re: el contenedor principal no abarca todo

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.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 22:21.