Problema con hight
Publicado por spopobich (1 intervención) el 18/02/2008 07:58:01
hola grupo!
Lo que quiero es que los div que tengo ocupen todo el ancho de la pagina. y con ello tengo el siguiente código:
<html>
<head>
<title>maquetado CSS utilizando todo el height</title>
<style type="text/css">
html,body{
margin:0px;
height:100%;
}
</style>
</head>
<body>
<div style="height:100px"></div>
<div id="contenedor" style="width:100%; height:80%;">
<div id="lateral" style="float:right; width:200px; height:100%; background-color:#eeff99;">
<div id="contenidolateral" style="padding: 30px 10px 0 10px;">
Por <a href="http://www.33333.com">3333.com</a>
<br />
<br />
Esto son contenidos que colocamos en el lateral izquierdo. </div>
</div>
<div id="map" style="height: 100%; margin-right:210px; background-color:#ffff99;">
Contenido que tiene que ocupar todo el espacio del navegador.
<br /><br /><br /> <br /><br /><br /> <br /><br /><br /> <br /><br /><br />
<br /><br /><br /> <br /><br /><br /> <br /><br /><br /> <br /><br /><br />
<br /><br /><br /> <br /><br /><br /> <br /><br /><br /> <br /><br /><br />
<br /><br /><br /> <br /><br /><br /> <br /><br /><br /> <br /><br /><br />
<br /><br /><br /> <br /><br /><br /> <br /><br /><br /> <br /><br /><br />
<br /><br /><br /> <br /><br /><br /> <br /><br /><br /> <br /><br /><br />
<br /><br /><br /> <br /><br /><br /> <br /><br /><br /> <br /><br /><br />
<br /><br /><br /> <br /><br /><br /> <br /><br /><br /> <br /><br /><br />
<br /><br /><br /> <br /><br /><br /> <br /><br /><br /> <br /><br /><br />
<br /><br /><br /> <br /><br /><br /> <br /><br /><br /> <br /><br /><br />
<br /><br /><br /> <br /><br /><br /> <br /><br /><br /> <br /><br /><br />
<br /><br /><br /> <br /><br /><br /> <br /><br /><br /> <br /><br /><br />
lalalalaal
</div>
</div>
</body>
</html>
Es sencillo y funciona pero el caso es que si pongo encima esto:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Deja de funcionar!!!! alguien sabe por que??? o como puedo arreglarlo con una buena maquetacion porque el caso es que mi web tiene que ser accesible....
Espero me entendais
Gracias!
Lo que quiero es que los div que tengo ocupen todo el ancho de la pagina. y con ello tengo el siguiente código:
<html>
<head>
<title>maquetado CSS utilizando todo el height</title>
<style type="text/css">
html,body{
margin:0px;
height:100%;
}
</style>
</head>
<body>
<div style="height:100px"></div>
<div id="contenedor" style="width:100%; height:80%;">
<div id="lateral" style="float:right; width:200px; height:100%; background-color:#eeff99;">
<div id="contenidolateral" style="padding: 30px 10px 0 10px;">
Por <a href="http://www.33333.com">3333.com</a>
<br />
<br />
Esto son contenidos que colocamos en el lateral izquierdo. </div>
</div>
<div id="map" style="height: 100%; margin-right:210px; background-color:#ffff99;">
Contenido que tiene que ocupar todo el espacio del navegador.
<br /><br /><br /> <br /><br /><br /> <br /><br /><br /> <br /><br /><br />
<br /><br /><br /> <br /><br /><br /> <br /><br /><br /> <br /><br /><br />
<br /><br /><br /> <br /><br /><br /> <br /><br /><br /> <br /><br /><br />
<br /><br /><br /> <br /><br /><br /> <br /><br /><br /> <br /><br /><br />
<br /><br /><br /> <br /><br /><br /> <br /><br /><br /> <br /><br /><br />
<br /><br /><br /> <br /><br /><br /> <br /><br /><br /> <br /><br /><br />
<br /><br /><br /> <br /><br /><br /> <br /><br /><br /> <br /><br /><br />
<br /><br /><br /> <br /><br /><br /> <br /><br /><br /> <br /><br /><br />
<br /><br /><br /> <br /><br /><br /> <br /><br /><br /> <br /><br /><br />
<br /><br /><br /> <br /><br /><br /> <br /><br /><br /> <br /><br /><br />
<br /><br /><br /> <br /><br /><br /> <br /><br /><br /> <br /><br /><br />
<br /><br /><br /> <br /><br /><br /> <br /><br /><br /> <br /><br /><br />
lalalalaal
</div>
</div>
</body>
</html>
Es sencillo y funciona pero el caso es que si pongo encima esto:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Deja de funcionar!!!! alguien sabe por que??? o como puedo arreglarlo con una buena maquetacion porque el caso es que mi web tiene que ser accesible....
Espero me entendais
Gracias!
Valora esta pregunta
0
