|
|
|
|
<style>
html{
height: 100%;
}
body{
height: 100%;
}
#block1{
overflow:hidden;
_height:1%;
}
#block1 div{
float: left;
width: 50%;
}
</style>
<div id="block1">
<div class="left">
text
</div>
<div class="right">
text
</div>
</div>
|
дивы left и right распологаются в одну строчку.
свойства overflow:hidden; и _height:1%; заданны что бы див block1 увеличивался в высоту до размеров вложенных блоков
overflow:hidden; для нормальных браузеров
_height:1%; для эксплорера
из за того что высота html и body задана ( что бы можно было работать с высотой блоков на странице в процентах)
_height:1%; для эксплорера не работает он показывает высоту дива block1 размером 1%
Можно конечно вложить еше один блок со значением clear:both;
Но хочется все сделать красиво, тем более что таких блоков на странице придется вставлять много.
Если кто знает как сделать так, что бы block1 увеличивался вместе с left и right по другому, подскажите плиз. | |
|
|
|
|
|
|
|
для: jangot
(05.05.2008 в 17:02)
| | http://designformasters.info/posts/clearing-float/ | |
|
|
|
|
|
|
|
для: AlexSol
(05.05.2008 в 18:56)
| | Огромное спасибо, все получилось!!!! | |
|
|
|