Как сделать на дивах три фиксированные колонки?
Вид для печати
Как сделать на дивах три фиксированные колонки?
Может быть в этом случае кто-нибудь (кроме меня) напишет решение? )
А я посмотрю)
[/quote]Цитата:
Originally posted by Xylitolq@Nov 26 2007, 05:10
как сделать на двиах три фиксированные колонки?
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
По моему вот так:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Три фикс див</title>
<style type="text/css">
body {margin: 0px;}
#left, #center, #right { float:left; width:300px}
#left { background:#CCCCCC; }
#center { background: #999999; }
#right { background:#666666}
</style></head>
<body>
<div id="left"></div>
<div id="center"></div>
<div id="right"></div>
</body>
</html>
А по центру окна браузера все эти колонки выровнять?)
[/quote]Цитата:
Originally posted by Aykroyd@Nov 26 2007, 20:33
А по центру окна браузера все эти колонки выровнять?)
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
Код:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Три фикс див</title>
<style type="text/css">
body {margin: 0px;}
#left, #center, #right { float:left; width:300px}
#left { background:#CCCCCC; }
#center { background: #999999; }
#right { background:#666666;}
#container{width:900px;margin:0 auto}
</style></head>
<body>
<div id="container">
<div id="left"></div>
<div id="center"></div>
<div id="right"></div>
</div>
</body>
</html>
[/quote]Цитата:
Originally posted by Xylitolq@Nov 26 2007, 05:10
Как сделать на дивах три фиксированные колонки?
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
В скрепке шаблоны с 3 колонками(40 вариантов/резина/фикс/).
Запускаем Layout Gala_ a collection of 40 CSS layouts based on the same markup and ready for download!.htm
fenixnt
Уже теплее)
Только подумайте: а так ли нужен этот самый #container?
Не будет ли логичнее воспользоваться вместо него элементом body?
Зачем нам лишняя разметка?
Это от лукавого. Лучше все самому и ручками.Цитата:
В скрепке шаблоны с 3 колонками(40 вариантов/резина/фикс/).
Запускаем Layout Gala_ a collection of 40 CSS layouts based on the same markup and ready for download!.htm
[/quote]Цитата:
Originally posted by Aykroyd+Nov 29 2007, 01:47--><div class='quotetop'>Цитата(Aykroyd @ Nov 29 2007, 01:47)</div>В зависимости от страницы. Может быть на странице по бокам какой нибудь фон или еще что нибудь.Цитата:
fenixnt
Уже теплее)
Только подумайте: а так ли нужен этот самый #container?
Не будет ли логичнее воспользоваться вместо него элементом body?
Зачем нам лишняя разметка?[/b]
<!--QuoteBegin-Aykroyd@Nov 29 2007, 01:47
Это от лукавого. Лучше все самому и ручками.
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
Ну надо же на первых парах от чего нибудь отталкиватся [Only registered and activated users can see links. Click Here To Register...]
[/quote]Цитата:
Originally posted by fenixnt@Nov 29 2007, 22:11
В зависимости от страницы. Может быть на странице по бокам какой нибудь фон или еще что нибудь.
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
А элемент html вам на что? Вы слышали про такой?)
[/quote]Цитата:
Originally posted by fenixnt@Nov 29 2007, 22:11
Ну надо же на первых парах от чего нибудь отталкиватся* [Only registered and activated users can see links. Click Here To Register...]
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
Ну, давайте тогда еще от Front Page будем отталкиваццо... Чего уж там...
[/quote]Цитата:
Originally posted by Aykroyd@Nov 30 2007, 00:05
А элемент html вам на что? Вы слышали про такой?)
Ну, давайте тогда еще от Front Page будем оттакиваццо... Чего уж там...
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
Про элемент html слышал только, то что по моему его некоторые браузеры не поддерживают, то ли старые, то ли разновидность (могу ошибатся).
Давайте ни от чего не будем отталкиватся и все будем писать в блокноте. [Only registered and activated users can see links. Click Here To Register...]
[/quote]Цитата:
Originally posted by fenixnt@Nov 30 2007, 20:13
Про элемент html слышал только, то что по моему его некоторые браузеры не поддерживают, то ли старые, то ли разновидность (могу ошибатся).
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
Ошибаетесь.
[/quote]Цитата:
Originally posted by fenixnt@Nov 30 2007, 20:13
Давайте ни от чего не будем отталкиватся и все будем писать в блокноте. [Only registered and activated users can see links. Click Here To Register...]
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
[Only registered and activated users can see links. Click Here To Register...]
Может быть ошибаюсь, но едва ли проще этого что-нибудь найдется:
trifler.ru/blog/post_1184599195.html
[/quote]Цитата:
Originally posted by Aykroyd@Dec 1 2007, 00:42
Ошибаетесь.
[Only registered and activated users can see links. Click Here To Register...]
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
Голосовал за дремак почему. Почему написал там.
[/quote]Цитата:
Originally posted by gordi@Dec 1 2007, 16:09
Может быть ошибаюсь, но едва ли проще этого что-нибудь найдется:
trifler.ru/blog/post_1184599195.html
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
Вы считаете это проще? Почитал эту статью честно говоря начал путатся с дивами.
Этот пункт не понял:
5. Отсутствие JavaScript, правда, для IE6, без expression не обойтись
Для трех фиксированных колонок кто то применяет JavaScript?
Мне кажется автор что то очень сильно усложняет.
И еще сама страница trifler.ru/blog/post_1184599195.html сверстана на Transitional [Only registered and activated users can see links. Click Here To Register...] :biggrin2:
Читали не внимательно [Only registered and activated users can see links. Click Here To Register...]
expression только для того, чтобы footer при пустой страниц был внизу для IE6,
и в конце поста, что и без этого можно обойтись.
>Почитал эту статью честно говоря начал путатся с дивами.
Ну если здесь у вас проблемы, пора переходить к таблицам [Only registered and activated users can see links. Click Here To Register...]
Чем не устраивает Transitional?
Можете легко перейти к другому <!DOCTYPE
~
Сделайте универсальный шаблон, с таким же легким переходом от трех колоночного к двух колоночным с теми же требованиями.
С удовольствием воспользуюсь [Only registered and activated users can see links. Click Here To Register...]
[/quote]Цитата:
Originally posted by gordi@Dec 1 2007, 22:46
Читали не внимательно [Only registered and activated users can see links. Click Here To Register...]
expression только для того, чтобы footer при пустой страниц был внизу для IE6,
и в конце поста, что и без этого можно обойтись.
>Почитал эту статью честно говоря начал путатся с дивами.
Ну если здесь у вас проблемы, пора переходить к таблицам [Only registered and activated users can see links. Click Here To Register...]
Чем не устраивает Transitional?
Можете легко перейти к другому <!DOCTYPE
~
Сделайте универсальный шаблон, с таким же легким переходом от трех колоночного к двух колоночным с теми же требованиями.
С удовольствием воспользуюсь [Only registered and activated users can see links. Click Here To Register...]
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
Читал внимательно [Only registered and activated users can see links. Click Here To Register...] Для футера на мой взгляд достаточно указать позиционирование с нулевыми значениями для right и bottom. В статье рассматривается пример с 7 дивами мне кажется любой человек запутается. В чем будет легче разобратся с 7 дивами или с 3дивами, 2спанами, 2параграфами, например? Может быть я чего то не понимаю, объясните в чем его универсальность?
Если честно эта проблема, надумана [Only registered and activated users can see links. Click Here To Register...]Цитата:
Для футера на мой взгляд достаточно указать позиционирование с нулевыми значениями для right и bottom.
Существует только для тех кто пришет мало или при первом запуске блога/сайта далее она решается автоматом.
Представлен полный макет страницы, обратите на это внимание и посчитайте [Only registered and activated users can see links. Click Here To Register...]Цитата:
В чем будет легче разобратся с 7 дивами или с 3дивами, 2спанами, 2параграфами, например?
Это как раз и говорит о том, что читаете не внимательно.Цитата:
объясните в чем его универсальность?
Условия заданы в начале поста, что не ясного?
Плюс легкий переход к двух колоночным шаблонам.
В этом и заключается универсальность [Only registered and activated users can see links. Click Here To Register...]
gordi
Предложенное вами решение, опубликованное на [Only registered and activated users can see links. Click Here To Register...], далеко не идеально. Также хотелось бы заметить, что универсальность – это первый и главный враг краткости. Чем больше экспрешшенов для IE, тем больше они тормозят работу этого браузера. Не следует применять их там, где можно преспокойно обойтись без этих майкрософтовских оригинальностей...
Aykroyd
А идеальных решений нет, но заявленным условиям в начале поста полностью соответствует [Only registered and activated users can see links. Click Here To Register...] Если есть способ сделать тоже самое, с тем же количеством DIV поделитесь [Only registered and activated users can see links. Click Here To Register...]Цитата:
Предложенное вами решение
Предложенное мой, как раз в тему топика [Only registered and activated users can see links. Click Here To Register...]
Читаем внимательно в конце поста:Цитата:
Чем больше экспрешшенов для IE
А так же предыдущий мой ответ по поводу footer-а [Only registered and activated users can see links. Click Here To Register...]Цитата:
Следует отметить, нет ни одного хака для того или иного браузера, кроме, как expression для IE6, да и без него можно прекрасно обойтись.
Aykroyd
Где вы видите, что с краткостью не порядок?Цитата:
Также хотелось бы заметить, что универсальность – это первый и главный враг краткости.
Речь, как раз о том, что все решено с минимальным количеством контейнеров,
никаких лишних DIV.
Универсальность предполгает модульность.
В данном случае такое и предлагается [Only registered and activated users can see links. Click Here To Register...]
[/quote]Цитата:
Originally posted by gordi@Dec 1 2007, 23:27
Если честно эта проблема, надумана [Only registered and activated users can see links. Click Here To Register...]
Существует только для тех кто пришет мало или при первом запуске блога/сайта далее она решается автоматом.
Представлен полный макет страницы, обратите на это внимание и посчитайте [Only registered and activated users can see links. Click Here To Register...]
Это как раз и говорит о том, что читаете не внимательно.
Условия заданы в начале поста, что не ясного?
Плюс легкий переход к двух колоночным шаблонам.
В этом и заключается универсальность [Only registered and activated users can see links. Click Here To Register...]
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
Уважаемый #gordi [Only registered and activated users can see links. Click Here To Register...] . Был задан вопрос как сделать три фиксированных дива, но ни как не три фиксированных дива с футером и без хаков.
fenixnt
Ничто не мешает взять центральную часть и использовать по назначению [Only registered and activated users can see links. Click Here To Register...]Цитата:
Был задан вопрос как сделать три фиксированных дива
Про footer, заговорили вы первый, я лишь просто ответил [Only registered and activated users can see links. Click Here To Register...]Цитата:
но ни как не три фиксированных дива с футером и без хаков.
~
Но тот, кто задал вопрос, видимо предпологал возможность и такого [Only registered and activated users can see links. Click Here To Register...]
[/quote]Цитата:
Originally posted by gordi@Dec 2 2007, 01:15
fenixnt
Ничто не мешает взять центральную часть и использовать по назначению [Only registered and activated users can see links. Click Here To Register...]
Про footer, заговорили вы первый, я лишь просто ответил [Only registered and activated users can see links. Click Here To Register...]
~
Но тот, кто задал вопрос, видимо предпологал возможность и такого [Only registered and activated users can see links. Click Here To Register...]
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
Чем плохи хаки для браузеров, что их стоит не использовать?