| |
 39.3 Кб |
|
| | Прветствую....
У меня проблемка возникла....
надеюсь кто нибуть поможет...
в общем есть три блока див...
<div class="leftcolona"></div>
<div class="content"></div>
<div class="rightcolona"></div>
|
они представляют собой структуру сайта.... колнки по бокам и центральная...так вот.. как так сделать чтобы средняя колонка была на влю ширину и приэтом резиновой, крайние блоки фиксированые....
вот картинка поясняющая>>>>>
Заранее спасибо)) | |
| |
|
|
| |
|
|
| |
для: Andreano
(12.04.2010 в 03:07)
| | | Пишу вслепую поэтому потестируйте и отпишитесь пожалуйста:)
<style type="text/css">
.sideCol {
width: 200px; /* фикс. ширина колонок */;
float: left;
background: green
}
#rightCol {
float: right;
background: red
}
#content {
margin: 0 200px; /* ширина 1 колонки */
background: silver
}
</style>
<div id="leftCol" class="sideCol"></div>
<div id="rightCol" class="sideCol"></div>
<div id="content"></div>
|
| |
| |
|
|
| |
|
|
| |
для: sl1p
(12.04.2010 в 03:19)
| | | Ммм... спасибо конечно за старание.. но поулучилося чото невразумительное(( | |
| |
|
|
| |
|
|
| |
для: Andreano
(12.04.2010 в 03:52)
| | |
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Strict//EN">
<html>
<head>
<title>Test</title>
<style type="text/css">
.sideCol {
width: 200px; /* фикс. ширина колонок */;
float: left;
background: green
}
#rightCol {
float: right;
background: red
}
#content {
margin: 0 200px; /* ширина 1 колонки */
background: silver
}
</style>
</head>
<body>
<div id="leftCol" class="sideCol">Левое меню<br>Левое меню<br>Левое меню<br></div>
<div id="rightCol" class="sideCol">Правое меню<br>Правое меню<br>Правое меню<br></div>
<div id="content">Контент<br>Контент<br>Контент<br>Контент<br>Контент<br></div>
</body>
</html>
|
Вот то же самое только в законченном виде. Работает нормально. | |
| |
|
|
| |
|
|
| |
для: AlexShag
(12.04.2010 в 11:29)
| | | Спасибо большое))) | |
| |
|
|
| |
|
|
| |
для: AlexShag
(12.04.2010 в 11:29)
| | | Кстати а как так сделать чтобы страница в ширину ужемалось только до 1000 пикселей, а при попытке ужать сильней появлялась прокрутка... | |
| |
|
|
| |
|
|
| |
для: Andreano
(12.04.2010 в 16:25)
| | | min-width для нормальных браузеров, хаки для ie. | |
| |
|
|
| |
|
|
| |
для: Саня
(12.04.2010 в 18:44)
| | | Мм.. а этот стиль только ИЕ6 не воспринемает или 7 и 8 тоже? | |
| |
|
|
| |
|
|
| |
для: Andreano
(12.04.2010 в 16:25)
| | | Можно в самом конце страницы вставить прозрачный .gif высотой 1 пиксель и шириной 1000 пикселей | |
| |
|
|
