Ver Mensaje Individual
  #1 (permalink)  
Antiguo 16/10/2006, 14:24
otraverix
 
Fecha de Ingreso: abril-2005
Mensajes: 372
Antigüedad: 19 años
Puntos: 0
Exclamación Centrar div en pagina Y comportamiento raro...

Hola, estoy armando (o tratando!) un sitio con divs y css...o eso intento. Mi problema es que:
1- No puedo centrar todos los divs que componen la pagina de manera que se muestre en el centro del navegador.
2- Cuando anido los divs se comportan de manera extraña, no respetan el ancho que les coloco, y a veces tampoco el alto.
Para ser mas especifico les coloco el codigo y como lo estoy utilizando.
Código:
#jeder1{ /*este es la parte izquierda del banner encabezado del site*/
	width:270px;
	height:200px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
	position:relative;
}
#jeder2{/*este es la parte derecha del banner encabezado del site, porta un fla*/
	width:500px;
	height:200px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
	position:relative;
}
/************************************* PRINCIPAL **************************************/
#fondo-principal{
	width:770px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:center;
}
#jeder-principal{
	width:770px;
	position:relative;
	float:none;
}
#futersite{
	background-image:url(imgs/oter.jpg);
	/*background-position:top left;*/
	background-repeat:no-repeat;
	font-size:11px;
	color:#FFFFFF;
	padding:20px;
	margin:0px 0px 0px 0px;
	width:730px;
	height:80px;
	float:left;
	text-align:left;
	background-color:#990000;
}
.fdo-contenido{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:11px;
	width:769px;
	padding:0;
	text-align:left;
	position:relative;
	overflow:auto;
	float:left;
}
Ese era el CSS ...,ahora muestro como lo aplico:
Código HTML:
<body>
<div id="fondo-principal">
	<div id="jeder-principal">
<?
$jeder = "seccion/inc/barrSite.htm";
if(file_exists($jeder)) include($jeder);//este es el banner y encabezado del site, con la botonera tambien en css y algo de javascript
?>
	</div>
	<!-------------------------- CUERPO DEL DOCUMENTO --------------------------------->
	<div class="fdo-contenido">
	ALGO DE CONTENIDO
	</div>
	<!-------------------------- FIN CUERPO DEL DOCUMENTO ----------------------------->
<?
$foo = "seccion/inc/fooSite.htm";
if(file_exists($foo)) include($foo);//ESTE ES EL FOOTER DEL SITE
?></div>
</body>
</html> 
aLGUIEN SABE DONDE ESTA EL ERROR? por queno me respeta algunas alturas y anchos. Por ejemplo el footer lo pongo con una imagen de 770px de fondo, con un padding de 20px para que me muestre el texto como quiero, pero al hacer eso me hace el padding pero es como si me hiciera un margin hacia la derecha!!!!
Y por otro lado lo de ce ntrar todo
MUCHAS GRACIAS POR TODA AYUDA QUE ME PUEDAN DAR!!!!!!