Master-X
Регистрация
|
Вход
Форум
|
Новости
|
Статьи
Главная
»
Форум
»
Дизайн
»
Тема:
Размётка в css
Новая тема
Ответить
цитата
28/09/08 в 21:45
erobrand
Три колонки нужно, не могу сообразить и нигде не нашёл..
| тянется | фикс | тянется |
пасиба.
цитата
28/09/08 в 22:00
Yoni
http://www.sourcedevelop.com/showtutorial.php?id=89
цитата
28/09/08 в 22:11
erobrand
хм..так там наоборот сайдбары фикс, а центр резина..мне обратное требуется..
цитата
29/09/08 в 01:56
jesper
ну типа так
<style>
.left { float:left; width:25%; }
.right { float:right; width:25%; }
.center { margin: 0 auto; width: 200px; }
</style>
<div class="left"></div>
<div class="right"></div>
<div class="center"></div>
цитата
29/09/08 в 11:21
pierx
Ну и получишь левую и правую колонки шириной 25%, по крайней мере в некоторых браузерах, а то и во всех
цитата
29/09/08 в 12:45
tehnoteс
http://www.maxdesign.com.au/presentation/liquid/example11.htm
Лови
цитата
29/09/08 в 12:47
tehnoteс
И вот эту в букмаки занеси, тут тоже есть, пригодится.
http://blog.html.it/layoutgala/
цитата
29/09/08 в 14:09
jesper
Цитата:
Ну и получишь левую и правую колонки шириной 25%, по крайней мере в некоторых браузерах, а то и во всех icon_wink.gif
так это и требуется, насколько я понял. Что тут не понятно как значения поменять?
цитата
29/09/08 в 16:43
erobrand
tehnoteс писал:
http://www.maxdesign.com.au/presentation/liquid/example11.htm
Лови
тут все три колонки - резина, не подходит.
Цитата:
И вот эту в букмаки занеси, тут тоже есть, пригодится.
http://blog.html.it/layoutgala/
знаю, искал там тоже, может ступил - но не нашёл.
ещё раз говорю - центральный столбец должен быть фиксед - чёткого размера, а боковые занимать всё доступное по сторонам пространство.
цитата
29/09/08 в 17:23
Petek
может так подойдет?
Код:
<div id="wrap">
<div id="main-body">
<div id="content">
Lorem ipsum impetus iracundia ei vim, nec in possit molestiae. Meis fabulas ad vix. His liber euismod oporteat ut, erat urbanitas in mel, cu pro atqui congue minimum. Ad pro interesset suscipiantur definitiones, vis an viderer abhorreant. Eu cetero abhorreant pro, blandit suscipiantur eu nec. Magna exerci dicunt cum id.
</div>
<div id="sidebar">
Lorem ipsum impetus iracundia ei vim, nec in possit molestiae. Meis fabulas ad vix. His liber euismod oporteat ut, erat urbanitas in mel, cu pro atqui congue minimum. Ad pro interesset suscipiantur definitiones, vis an viderer abhorreant. Eu cetero abhorreant pro, blandit suscipiantur eu nec. Magna exerci dicunt cum id.
</div>
</div>
<div id="sidebar-2">
Lorem ipsum impetus iracundia ei vim, nec in possit molestiae. Meis fabulas ad vix. His liber euismod oporteat ut, erat urbanitas in mel, cu pro atqui congue minimum. Ad pro interesset suscipiantur definitiones, vis an viderer abhorreant. Eu cetero abhorreant pro, blandit suscipiantur eu nec. Magna exerci dicunt cum id.
</div>
</div>
Код:
#main-body {
float: left;
width: 60%;
}
#content {
float: right;
width: 200px;
}
#sidebar {
float: left;
background: #9c3;
}
#sidebar-2 {
float: right;
width: 40%;
background: #fc6;
}
цитата
29/09/08 в 17:38
tehnoteс
Dizman© писал:
знаю, искал там тоже, может ступил - но не нашёл.
Это
http://blog.html.it/layoutgala/LayoutGala21.html
цитата
29/09/08 в 17:47
Adulter
http://www.sitepoint.com/forums/showthread.php?t=442731
цитата
29/09/08 в 18:20
Petek
блин, мой вариант только в IE работает
цитата
29/09/08 в 18:32
Hawkins
http://www.dynamicdrive.com/style/layouts/category/C13/
цитата
29/09/08 в 20:08
pierx
jesper писал:
так это и требуется, насколько я понял. Что тут не понятно как значения поменять?
Значения менять не получится
Правильные коды показали вроде уже
Новая тема
Ответить
Эта страница в полной версии