Primero que nada decirles que estoy empezando con esto y estoy decidido a seguir hasta respetar los estandares de diseño web, bueno el punto mi primer problema es que ya diseñe una estructura bsica de una web pero resulta que en IE la veo bien asi:
ahora en FF esta un desastre no entiendo por que tanta diferencia y en donde esta el error en FF se ve asi:
El formato correcto que quiero es el que se ve en IE ademas en FF no centra el div y en IE si.
los codigos son los siguientes:
del css:
Código PHP:
body
{
font-family: Arial;
font-size: 12px;
}
#centrador
{
width: 100%;
height: auto;
text-align: center;
font-size: 10px;
border: none;
}
#principal
{
width: 700px;
height: auto;
border: 1px solid #FE070E;
}
.cabecera
{
width: 700px;
height: auto;
border: 1px solid #000000;
background: #E2F4FC;
}
.menuhorizontal
{
width: 700px;
height: auto;
border: 1px solid #000000;
background: #FFC000;
}
.menuvertical
{
width: 150px;
height: auto;
border: 1px solid #000000;
float: left;
background-color: #FF9595;
}
.precargas
{
width: 546px;
height: auto;
border: 1px solid #000000;
float: right;
background-color: #3CB371;
}
.contenidos
{
width: 546px;
height: auto;
border: 1px solid #000000;
float: right;
color: #400040;
background-color: #FFFBEC;
}
.pie
{
width: 700px;
height: auto;
border: 1px solid #000000;
background-color: #80FFFF;
}
y del html es este:
Código PHP:
<html>
<head>
<title>Pagina nueva</title>
<link href="base.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="centrador">
<br>
<div id="principal">
<div class="cabecera">
<p>AQUI EL CONTENIDO DE LA CABECERA<br>aqui estara alguna imagen</p>
</div>
<div class="menuhorizontal">
<p>AQUI EL MENU HORIZONTAL<br>aqui los enlaces mas importantes y comunes</p>
</div>
<div class="menuvertical">
AQUI EL MENU VERTICAL
<ul>
<li>Opciones</li>
<li>Opciones</li>
<li>Opciones</li>
<li>Opciones</li>
<li>Opciones</li>
<li>Opciones</li>
<li>Opciones</li>
<li>Opciones</li>
</ul>
</div>
<div class="precargas">
<p>Aqui la precarga para las paginas</p>
</div>
<div class="contenidos">
<p>
Aqui los contenidos todo el texto e imagenes etc.. Aqui los contenidos todo el texto e imagenes etc..
Aqui los contenidos todo el texto e imagenes etc.. Aqui los contenidos todo el texto e imagenes etc..
Aqui los contenidos todo el texto e imagenes etc.. Aqui los contenidos todo el texto e imagenes etc..
Aqui los contenidos todo el texto e imagenes etc.. Aqui los contenidos todo el texto e imagenes etc..
Aqui los contenidos todo el texto e imagenes etc.. Aqui los contenidos todo el texto e imagenes etc..
Aqui los contenidos todo el texto e imagenes etc.. Aqui los contenidos todo el texto e imagenes etc..
Aqui los contenidos todo el texto e imagenes etc.. Aqui los contenidos todo el texto e imagenes etc..
Aqui los contenidos todo el texto e imagenes etc.. Aqui los contenidos todo el texto e imagenes etc..
Aqui los contenidos todo el texto e imagenes etc.. Aqui los contenidos todo el texto e imagenes etc..
Aqui los contenidos todo el texto e imagenes etc.. Aqui los contenidos todo el texto e imagenes etc..
Aqui los contenidos todo el texto e imagenes etc.. Aqui los contenidos todo el texto e imagenes etc..
Aqui los contenidos todo el texto e imagenes etc.. Aqui los contenidos todo el texto e imagenes etc..
Aqui los contenidos todo el texto e imagenes etc.. Aqui los contenidos todo el texto e imagenes etc..
Aqui los contenidos todo el texto e imagenes etc.. Aqui los contenidos todo el texto e imagenes etc..
Aqui los contenidos todo el texto e imagenes etc.. Aqui los contenidos todo el texto e imagenes etc..
Aqui los contenidos todo el texto e imagenes etc.. Aqui los contenidos todo el texto e imagenes etc..
Aqui los contenidos todo el texto e imagenes etc.. Aqui los contenidos todo el texto e imagenes etc..
Aqui los contenidos todo el texto e imagenes etc.. Aqui los contenidos todo el texto e imagenes etc..
</p>
</div>
<div class="pie">
<p>Aqui los datos del pie de pagina</p>
</div>
</div>
</div>
</body>
</html>
ademas quiera saber como puedo ordnar los div uno debajo de otro segun el alto automatico, espero su ayuda