Buenos días;
Estoy intentando desarrollar mi primer marco exclusivamente en CSS, y llevo dos días con la contienda a muerte. Espero alguien me ilumine.
Código de la página actual;
Código:
<style type="text/css">
body {
background-color:white;
margin:0 auto 0 auto; /*en algunos navegadores hace falta el margin y align en body y en otros en contenidogeneral.*/
text-align:center;
}
.contenidogeneral {
background-color:blue;
width:800px;
height:600px;
margin:0 auto 0 auto; /*en algunos navegadores hace falta el margin y align en body y en otros en contenidogeneral.*/
text-align:center;
}
#cabecera {
background-image: url(./../imagenes/inicio_cabecera.jpg) no-repeat;
width:800px;
height:100px;
background-color:red;
}
.lateral {
}
#izq{
float:left;
}
#der{
float:right;
}
#inf{
position:relative;
bottom:0px;
}
</style>
</head>
<body>
<div class="contenidogeneral"> <!---->
<div id="cabecera">
<img src="./../imagenes/inicio_cabecera.jpg">
</div>
<div class="lateral">
<div id="izq">
<img src="./../imagenes/inicio_lateral.jpg">
</div>
<div id="der">
<img src="./../imagenes/inicio_lateral.jpg">
</div>
</div>
<div id="inf">
<img src="./../imagenes/inicio_inferior.jpg">
</div>
</div>
Como veis en sí el código no tiene mucho secreto.
Firefox me muestra la página como deseo; (Introducir en dirección, que al tener menos de 30 mensajes no me permite introducir la imagen o enlace)
http//img16.imageshack.us/img16/6716/bienn.jpg
En cambio Iexplorer y el preview del EditPlus con el que realizo esto se hacen un lío, mostrandome ambos;
http//img16.imageshack.us/img16/8485/malh.jpg
Muchas gracias, por su tiempo e intención.