Hola, acabo de empezar a trabajar con paginas para que sean compatibles con IE y NS por primera vez. Estoy intentando hacer un layout de una pagina con capas y css. Aunque en IE se ve bien, en netscape las capas se montan unas encima de otras, y no se como solucionarlo. El codigo es este.
Código PHP:
<html>
<head>
<title>MI PAGINA!</title>
<style>
div {
border:solid 1px black;
}
#cabecera {
width:100%;
}
#centro {
margin: 10px 10px 10px 10px;
}
#contenido {
float:left; width:70%;
}
#columna_derecha {
float:right; width:27%;
text-align:left;
}
#pie {
width:100%; text-align:center;
}
</style>
</head>
<body>
<div id="cabecera">
CABECERA
</div>
<div id="centro">
contenido del centro
<div id="contenido">
CONTENIDO<br />
aki iran muchisimas cosas interesantes para contar
</div>
<div id="columna_derecha">
COLUMNA_DER<br />mi columna
</div>
</div>
<div id="pie">
PIE<br />Aki se explicaran cosas referentes a la pagina.
</div>
</body>
</html>
Tambien me gustaria saber porque si pongo:
Código PHP:
#centro {
margin: 10px 10px 10px 10px;
}
el div llamado centro tiene 10px de margen arriba y a los lados, pero no abajo. ¿Cómo se pone correctamente para que deje separacion con el contenido de abajo?
Muchas gracias.
