| |
|
|
| | Добрый день, ломаю голову не пойму почему контейнер который содержит в себе 2 sidebar и по середке контент не растягивается вместе с наполнением самого контейнера... волнует именно то чтобы фон контейнера был растянут вместе по высоте с контеном
вот код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<style>
body,html {
margin:0;
padding:0;
border: 0;
color:#fff;
}
.container {
width:900px;
height:100%;
margin:0 auto;
background-color:#c0c0c0;
}
.sidebar {
width:200px;
float:left;
background-color:#000;
}
.content {
width:500px;
float:left;
background-color:#324234;
}
.sidebar2 {
width:200px;
float:left;
background-color:#000;
}
</style>
<div class="container">
<div class="sidebar">
test<br>
test<br>
test<br>
test<br>
test<br>
test<br>
test<br>
test<br>
test<br>
test<br>
test<br>
test<br>
</div>
<div class="content">
content<br>
content<br>
content<br>
content<br>
content<br>
content<br>
content<br>
content<br>
content<br>
content<br>
</div>
<div class="sidebar2">
test2<br>
test2<br>
test2<br>
test2<br>
test2<br>
test2<br>
</div>
</div>
|
Помогите плиз, что не так? | |
| |
|
|
| |
|
|
| |
для: tima2010
(28.04.2011 в 16:45)
| | |
после float надо обязательно чистить.
<div class="container">
<div class="sidebar">
...
</div>
<div class="content">
...
</div>
<div class="sidebar2">
...
</div>
<div class="clear"></div>
</div>
.clear{clear:both;}
|
| |
| |
|
|
