capa con borde no flota
3 seguidores
pues me estava mirando un ratico lo de las columnas i todo eso y me he quedado jodío al ver que si le meto un borde a todas las capas, no me hace caso del float ... a ver, sus lo pego:
<code>
<html>
<head>
<style type="text/css">
div{
border:1px solid black;
/* si quitamos este borde se ve bien*/
}
div#cap{}
div#menu{
float:left;
width:50%;
}
div#web{
float:left;
width:50%;
}
div#peu{
clear:both;
}
</style>
</head>
<body>
<div id="cap">contingut</div>
<div id="menu">contingut</div>
<div id="web">contingut</div>
<div id="peu">contingut</div>
</body>
</html>
</code>
a ver quien se anima a explicar porque pasa eso? =)
xrv
Jimena
¿Con qué navegador lo estas viendo?
FF0.9 IE6.0
y tu, con que lo estas viendo?
[quote="zigotica"]es por el 50% width, si le das 200px seguro que chuta. en realidad, aunque el boxmodel nuevo no deberia contar los 4px de bordes, cuando esta junto a un ancho en % si lo hace. no se explicarte porque.[quote]
Será algún bug? con el exploter tiene toda la logica dle mundo (tiene su propio box model) pero con moz... será un bug?[/code]
zigotica
es por el 50% width, si le das 200px seguro que chuta. en realidad, aunque el boxmodel nuevo no deberia contar los 4px de bordes, cuando esta junto a un ancho en % si lo hace. no se explicarte porque.
jimena
Pues... yo acabo de hacer copy-paste del código que has puesto y se ve perfectamente. Una cabecera, dos columnas que ocupan cada una la mitad de la pantalla y un pie.
¿Con qué navegador lo estas viendo?