antes que nada quiero agradecer a la gente que me esta dando una mano con esto.... Amigos, mil gracias!!!
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;
}
Mi código HTML
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> Gracias a todos de nuevo!!!
