[вопрос] 3 колонки 2-1-3 или 2-3-1

bumbu · 21 Ноя 2008

мой моцк скоро полностью отрубица, скока я не пытаюсь, и сколько я не искал, ничего. уже кажется что такое толком невозможно.

нужно в шаблоне сделать 3 колонки, но не просто 3 колонки а так чтоб первые две были фиксироваными, а третья растягивалась на остальное поле. ну ладно эту задачу я то нашёл как решить, но вся гадость в том что самая длиная колонка в моём случае это вторая, и футер так и не хочет на своём месте сидеть.

идеально было бы иметь структуру кода 2-1-3 или 2-3-1(мне тут не важно), первые 2 колонки в шаблоне фиксированые, а третьяя(правая) должна растягиватся на оставшиеся поле, и не забывать факт что самая длиная колонка та что по середине(вторая, это для футера важно).

и плз без "умных" подсказок, желательно либо сразу решение, либо вообще не писать глупости.
а на счёт сообщении типа "вот тут ссылка" - тоже не надо, кому нужно - сам могу дать целый пак.

п.с. ток не предлагайте таблицы : )

осенила некая "идея". но получяется 3-1-2 т.е. контент наоборот в самый конец уходит, но зато хоть какоето решение, но всёравно тема отсаётся открыйтой.

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

bumbu · 22 Ноя 2008

вижу никому такие темы уже не интересны, либо просо лень. суть не в этом, к идее что меня вторкнула вчера всётаки получилось даже 3-2-1, и я даже так и оставил пока сегодня небыло принято решение сделатьпервый блок статическим, а второй и третий динамическими : )

решение было придумано с тогоже сайта, вот именно статья: Для просмотра ссылки Войди или Зарегистрируйся
при том что получилось 2-1-3, кокраз то что нужно, вот что у меня вышло в коде:

PHP:

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" >
<head>
	<link rel="stylesheet" type="text/css" media="screen,projection" href="style.css" />
</head>
<body>
<div class="colmask doublepage">
	<div class="colleft">
		<div class="col1">
			<div class="col4">
				2 
			</div>
			<div class="col3">
				1 
			</div>
		</div>
		<div class="col2">
			3	
		</div>
	</div>
</div>
<div id="footer">
	foter
</div>
</body>
</html>

а вот тут ксс

PHP:

body {margin:0;padding:0;border:0;width:100%;background:#fff;min-width:600px;font-size:90%;}
/* column container */
.colmask {clear:both;float:left;width:100%;overflow:hidden;}
.colleft {float:left;width:100%;position:relative;}
.col1,.col2{float:left;position:relative;padding:0 0 1em 0;overflow:hidden;}
/* 2 Column (double page) settings */
.doublepage {}
.doublepage .colleft {right:50%;background:#fff;}
.doublepage .col1 {width:50%;left:50%;background:#ff0000;}
.doublepage .col2 {width:49.999%;left:50%;background:#00ff00;}
.col3{position:absolute;top:0;left:0;width:40px;}
.col4{margin-left:40px;}

#footer {clear:both;	float:left;width:100%;border-top:1px solid #000;}

ещё раз повторю - тут структура в коде 2-1-3 где первый блок в шаблоне фиксированный, второй и третий резиновые.

[вопрос] 3 колонки 2-1-3 или 2-3-1

bumbu

Знаток

bumbu

Знаток