| |
|
|
| | Здраствуйте. Вот решил попробовать свертать сайт используя div'ы. Но тут же "уперся в стенку".
Начну с самого простого.
Мне нужно 3 колонки:
Первая(левая) - 200px
Вторая(центр) - сама растягивается в зависимости от экрана
Третья(правая) - 150px
Но у меня не получается.
Код такой:
стили
#divhead {
margin: 0 auto;
padding: 5px;
}
#divbody {
background-color: #efefef;
}
#block_1 {
float: left;
width: 200px;
}
#block_2 {
float: left;
}
#block_3 {
float: right;
width: 150px;
}
#divclear {
clear: both;
height: 1px;
line-height: 1px;
font-size: 1px;
}
|
дивы
<div id=divhead>
<div id=divbody>
<div id=block_1>...</div>
<div id=block_2>...</div>
<div id=block_3>...</div>
</div>
<div id=divclear></div>
</div>
|
Вот и не знаю, какую ширину указать у block_2.
Если использовать block_1 (width:30%), block_2 (width:50%), block_3 (width:20%) - то все нормально, но мне это не подходит.
Подскажите пожалуйста, как сделать... | |
| |
|
|
| |
|
|
| |
для: Антоха
(12.07.2007 в 02:11)
| | | попробуй так:
#divhead {
margin: 0 auto;
padding: 5px;
}
#divbody {
background-color: #efefef;
}
#block_1 {
float: left;
width: 200px;
margin-right:-100%;
}
#block_2 {
float: left;
padding-left:200px;
padding-right:150px;
}
#block_3 {
float: right;
width: 150px;
margin-left:-100%;
}
#divclear {
clear: both;
height: 1px;
line-height: 1px;
font-size: 1px;
}
|
| |
| |
|
|
| |
|
|
| |
для: Fear.86
(12.07.2007 в 15:50)
| | | Нет, так тоже не выходит. Неужели нет простого способа? Пожалуйста, помогите... | |
| |
|
|
|
| |
|
|
| |
для: AlexSol
(13.07.2007 в 08:06)
| | | Все нашел, проверил, разобрался - всё достаточно просто.
Fear.86 и AlexSol спасибо за ответы... | |
| |
|
|
