Buenos dias, estoy haciendo pruebas con un html para jugar con capas redondeadas y aunque todavia no he llegado al efecto de redondear porque simplemente me fallan las tres capas.
En codigo completo de la pagina es este
Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Pruebas con capas 3</title>
<style>
* {
margin: 0 0 0 0;
padding: 0 0 0 0;
}
body {
background: #ffffff;
}
#fondo_super {
background: #000000;
position: absolute;
top: 0px;
width: 100%;
height: 15%;
z-index: 0;
}
#fondo_inferior {
position: absolute;
background: #ff00ff;
bottom: 0px;
width: 100%;
height:83%;
z-index: 0;
}
#contenedor {
position: absolute;
margin: 3% 5%;
background: #ffffff;
width: 70%;
height: 70%;
z-index: 5;
}
</style>
</head>
<body>
<div id="fondo_super">
</div>
<div id="contenedor"><p style="color: #ffffff">gola</p></div>
<div id="fondo_inferior">dfhdfh</div>
</body>
</html>
Firefox lo entiende perfectamente, pero IE 6 no. Es muy simple, solo es para hacer pruebas pero me extraña que no funcione.
Gracias por sus aportes.
Saludos.