Bueno, les comento un poco.....es sencillo en IExplorer me queda centrado perfecto, en FireFox se me corre 10 px apróximadamente.... ¿sabran porque?
Código CSS:
Código HTML:
/*---------------------------------Contenido General---------------------------*/ html,body { margin: 0; padding: 0; height:100%; background-color: #FFFFFF; font-family: "Arial",Trebuchet MS, Lucida Grande, Tahoma, Verdana, Helvetica, sans-serif; font-size: 12px; text-align:center; overflow: auto; } #contenedorGral { text-align:center; position:relative; width: 784px; margin: auto; background-image: url(imagenes/fondo_sombra.gif); height: 100%; } #Cabezal{ width: 765px; background-color: Blue; } #CabezalIzq{ width: 258px; background-color: Fuchsia; float: left; } #CabezalDer{ width: 507px; background-color: Red; float: left; } #ContenidoIzq{ width: 258px; background-color: Fuchsia; float: left; } #ContenidoDer{ width: 507px; background-color: Red; float: left; } /*------------------------------Fin Contenido General---------------------------*/ /*--------------------------------Imagenes del site-----------------------------*/ #ImgAgenda { margin: 0px; width:765px; height:135px; background-image:url(imagenes/cabezal_agenda.jpg); background-repeat:no-repeat; }
Código HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>EVMB | una tradición desde 1932</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <link href="estilos.css" rel="stylesheet" type="text/css"> </head> <body> <div id="contenedorGral"> <div id="Cabezal">Cabezal <div id="CabezalIzq">Div Izquierdo</div> <div id="CabezalDer">Div Derecho</div> <div id="ImgAgenda" title="Imagen"></div> <div id="ContenidoIzq"> asd<br> asd<br> asd<br> asd<br> asd<br> asd<br> asd<br> asd<br> asd<br> asd<br> asd<br> asd<br> asd<br> asd<br> </div> <div id="ContenidoDer"> asd<br> asd<br> asd<br> asd<br> asd<br> asd<br> asd<br> asd<br> asd<br> asd<br> asd<br> asd<br> asd<br> asd<br> </div> </div> </div> </body> </html>