Как сделать на дивах три фиксированные колонки?
Вид для печати
Как сделать на дивах три фиксированные колонки?
Может быть в этом случае кто-нибудь (кроме меня) напишет решение? )
А я посмотрю)
[/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...]
Чем плохи хаки для браузеров, что их стоит не использовать?
[/quote]Цитата:
Originally posted by gordi@Dec 2 2007, 00:32
А идеальных решений нет, но заявленным условиям в начале поста полностью соответствует [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 2 2007, 00:32
Если есть способ сделать тоже самое, с тем же количеством DIV поделитесь [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...]
Вынужден констатировать, что способа сделать то же самое, с тем же количеством DIV, у меня нет. Потому что такое нагромождение блоков для решения поставленной в топике задачи (простейшей, надо заметить) – это абсурд. У меня есть способы сделать то же самое, но с гораздо меньшим количеством структурных элементов. Не знаю, есть ли смысл приводить здесь эти решения, поскольку что-то подобное уже изложил выше уважаемый fenixnt...
[/quote]Цитата:
Originally posted by gordi@Dec 2 2007, 00:32
Следует отметить, нет ни одного хака для того или иного браузера, кроме, как expression для IE6, да и без него можно прекрасно обойтись.
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
Я не знаю, чем Вы руководствовались, пропагандируя подобную несуразицу. Смею Вас заверить, что всевозможных хаков для самых разных браузеров существует великое множество. И без этих специальных инструкций во многих случаях просто невозможно получить 100%-ную кроссбраузерность.
Я не буду перечислять эти специальные конструкции здесь и сейчас (если воспользоваться поиском хотя бы по этому форуму, можно найти множество их примеров). Ограничусь только замечанием о том, что Вы противоречите сами себе в принципе. Предлагаемый Вами <div class="clear"></div> – есть ни что иное, как один из самых настоящих хаков. Этот блок не несет никой смысловой нагрузки и привнесен Вами в разметку исключительно в оформительских целях, что, в свою очередь, противоречит концепции разделения структуры и представления...
Aykroyd
Чем же они идеальнее? Если вы дадите border, фон или background:(url...) боковым колонкам, будут ли одной высоты? При том же количестве контейнеров у меня проблема решена не так ли?Цитата:
Но нельзя не заметить, что предложенное Вами решение граздо менее идеально, нежели чем уже приведенные выше решения...
Хорошо, вы внимательно читали мой пост по ссылке, посмотрели приведенные выше примеры [Only registered and activated users can see links. Click Here To Register...]Цитата:
Потому что такое нагромождение блоков для решения поставленной в топике задачи
Вот моя цетральная часть:
Что лишнее, в сравнении с приведенными выше примерами?Код:*<div class="center">
* *
* *
* *
* *
* </div>
Смею Вас заверить, о хаках знаю не понаслышке [Only registered and activated users can see links. Click Here To Register...]Цитата:
Смею Вас заверить, что всевозможных хаков для самых разных браузеров существует великое множество. И без этих специальных инструкций во многих случаях просто невозможно получить 100%-ную кроссбраузерность.
Мной имеется ввиду только макет шаблона и тут их нет или вы видите то, что мне не доступно? И в нем 100%-ная кроссбраузерность обеспечивается.
[/quote]Цитата:
Предлагаемый Вами <div class="clear">
Если перенести clear:both; в 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:58
Чем же они идеальнее?
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
Отсутствием блоков #trifler и .clear.
[/quote]Цитата:
Originally posted by gordi@Dec 2 2007, 01:58
Если вы дадите border, фон или background:(url...) боковым колонкам
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
Не вижу смысла этого делать.
[/quote]Цитата:
Originally posted by gordi@Dec 2 2007, 01:58
будут ли одной высоты?
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
Будут. В любом случае.
[/quote]Цитата:
Originally posted by gordi@Dec 2 2007, 01:58
Если перенести clear:both; в footer, а это очень трудно, для вас, по видимому [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 2 2007, 01:58
странно, что Вы цепляетесь за частности, которые исправляются на лету [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...]
Понимаете в чем дело, я ни за что на самом деле не цепляюсь. Если Вы публикуете здесь что-либо, Вы должны отдавать себе отчет, что не все пользователи данного ресурса способны «исправить что-то на лету». Моя же задача, как модератора данного раздела, – предоставить пользователям максимально качественный и полезный контент. В данном контексте, например, я не могу не ставить под сомнение высказывания вида «Следует отметить, нет ни одного хака для того или иного браузера, кроме, как expression для IE6», поскольку смотрится это, как ересь космического масштаба...
Код:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Левая - Центр - Правая</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
* {margin: 0px; padding: 0px;}
html {background: url(img/bg1.jpg) #FFFFFF center top; height: 100%;}
body {background: url(img/bg2.gif) repeat-y; width: 800px; min-height: 100%; margin: 0px auto; position: relative;}
* html body {height: 100%;}
#header {background: #CCFFFF; height: 100px;}
#content {width: 100%; padding-bottom: 70px; overflow: hidden;}
#news {width: 200px; float: left;}
#main {width: 400px; float: left;}
#present {width: 200px; float: left;}
#footer {background: #66FFCC; width: 100%; height: 70px; position: absolute; bottom: 0px;}
</style>
</head>
<body>
<div id="header">Заголовок</div>
<div id="content">
****<div id="news">Новости</div>
****<div id="main">Контент</div>
****<div id="present">Презентация</div>
</div>
<div id="footer">Футер</div>
</body>
</html>
Aykroyd
Стоит ли повторяться?Цитата:
Отсутствием блоков #trifler и .clear.
Говорим только о центральной части.
Цитата:
Не вижу смысла этого делать.
Тут позволю себе с вами не согласиться.Цитата:
Будут. В любом случае.
Если Вы считаете, что страничка состоит только из двух цветов, то это даже не смешно:)
Возможно не оправданно резок [Only registered and activated users can see links. Click Here To Register...]Цитата:
Знаете, думать за других
Если взять только центральную часть универсального шаблона, ваша фраз не уместна [Only registered and activated users can see links. Click Here To Register...]Цитата:
В данном контексте, например, я не могу не ставить под сомнение высказывания вида «Следует отметить, нет ни одного хака для того или иного браузера, кроме, как expression для IE6», поскольку смотрится это, как ересь космического масштаба...
~
Что касается вашего кода, задайте разный фон колонкам, и посмотрите, как footer висит одиноко и все колонки разной высоты [Only registered and activated users can see links. Click Here To Register...]
Уж не говорю о том, что будет, если кому-то захочеться и border прикрутить.
В моем примере такого нет, согласитесь.
При том же самом количестве контейнеров в центральном блоке.
Поэтому говорить об универсальности вашего предложения можно с большой натяжкой [Only registered and activated users can see links. Click Here To Register...]
[/quote]Цитата:
Originally posted by gordi@Dec 2 2007, 02:55
Стоит ли повторяться?
Говорим только о центральной части.
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
В таком случае уберите из Вашей центральной части <div class="clear"></div>, дабы не смущать презентационной разметкой кодеров юных, душею мягких и извилиной неокрепших...
[/quote]Цитата:
Originally posted by gordi@Dec 2 2007, 02:55
Если Вы считаете, что страничка состоит только из двух цветов, то это даже не смешно:)
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
По-моему Вы недостаточно серьезно отнеслись к рекомендации прекратить думать за других, что они умеют и что они считают. С другой стороны, Ваше право строить любые гипотезы. Даже такие нелепые, как эта...
[/quote]Цитата:
Originally posted by gordi@Dec 2 2007, 02:55
Возможно не оправданно резок [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 2 2007, 02:55
Что касается вашего кода, задайте разный фон колонкам, и посмотрите, как footer висит одиноко и все колонки разной высоты [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...]
Если Вы скачаете оба прикрепленных мной графических файла, поместите их куда следует и не поленитесь открыть представленный мной код в браузере, Вы легко сможете убедиться, что footer висит совсем даже не одиноко, а высота колонок – визуально совершенно одинаковая...
[/quote]Цитата:
Originally posted by gordi@Dec 2 2007, 02:55
Уж не говорю о том, что будет, если кому-то захочеться и border прикрутить.
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
Правильно. И не надо об этом говорить. Потому что любой бордер (в том числе и умопомрачительно красивый, недоступный для CSS-свойства border) прекрасно эмулируется фоновым изображением...
[/quote]Цитата:
Originally posted by gordi@Dec 2 2007, 02:55
Поэтому говорить об универсальности вашего предложения можно с большой натяжкой [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...] в первую очередь...
P.S.
Вообще-то тема назывется «Шаблон DIV в 3 колонки, Все колонки фиксированные», а не «Универсальные решения колоночных шаблонов»...
Aykroyd
,[/quote]Цитата:
В таком случае уберите из Вашей центральной части <div class="clear">
Знаете ли, я оставлю выбор пользователю, так , как свобода действий, дорогого стоит [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...]
Все предложенное мной полностью укладывается в эту тему [Only registered and activated users can see links. Click Here To Register...]Цитата:
Вообще-то тема назывется «Шаблон DIV в 3 колонки, Все колонки фиксированные»,
P.S. Вообще, наш с Вами разговор напоминает разговор глухих, причем Вы весьма не внимательны, и мне без конца приходиться поторять одно и тоже, увы...
<div class='quotetop'>Цитата</div>Не правда.)Цитата:
В данном случае вы навязываете пользователю только графику, забывая, что можно прекрасно обойтись и без нее. А это не совсем корректно, не правда ли?[/b]
<div class='quotetop'>Цитата</div>Об отсутствии лишних презентационных блоков в разметке (без которых можно прекрасно обойтись), которые превносятся в нее в целях «универсальности»... Странно, что Вы до сих пор это не поняли...Цитата:
О какой лаконичности Вы твердите все время?
А, что Вы имеете ввиду под этим словом, остаеться только догадываться.[/b]
<div class='quotetop'>Цитата</div>Господи, Боже мой... Какое самомнение...Цитата:
мой пример дает больше возможностей для оформления при всех прочих равных условиях, отрицать надеюсь не будете[/b]
Чувствую, так и придется мне немного развеять Ваши иллюзии и раскрыть Вам одну главную и страшную тайну. Представленная Вами техника, заключающаяся в использовании непомерно длинных отступов в совокупности с непомерно длинными отрицательными полями и описанная на [Only registered and activated users can see links. Click Here To Register...], имеет ряд [Only registered and activated users can see links. Click Here To Register...]. В частности, она не позволяет прижать футер к низу окна браузера при небольшом количестве основного контента. А ведь пункт №4 в Вашей публикации гласит: «Footer всегда внизу». Что же Вы не следуете тем требованиям, которые сами же и озвучиваете?
Цифру 540px в min-height для блока .content Вы сами придумали? Вам просто так захотелось?) На основании чего сделан этот выбор?
Цитата:
Originally posted by gordi@Dec 1 2007, 23:27
<div class='quotetop'>Цитата
Если честно эта проблема, надумана [Only registered and activated users can see links. Click Here To Register...] Существует только для тех кто пришет мало или при первом запуске блога/сайта далее она решается автоматом.Цитата:
Для футера на мой взгляд достаточно указать позиционирование с нулевыми значениями для right и bottom.
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]</div>
[/b][/quote]
Это каким это автоматом, позвольте осведомиться? Калашникова? Что же это по-вашему, те, кто пишет «мало» – они уже не люди? А как насчет больших разрешений даже в случае с теми, кто пишет «много»?
Ваш пример при 1024х768 выдает принудительный вертикальный скролл (даже при минимальном контенте), а при 1280х1024 и 1600х1200 футер к низу окна браузера не прижимается. Да он и не может никуда прижиматься по вполне понятным и описанным мной выше причинам...
В данном контексте хотелось бы поинтересоваться: о каких больших возможностях для оформления идет речь? Ваше решение накладывает определенные ограничения на оформление, а не предоставляет какие-либо возможности...
Небольшое лирическое отступление:
Вы не могли бы, кстати, попутно прокомментировать, чем вызван выбор чисел -32767px и 32767px?
Почему не -39625px и 39625px, например?)
В то же время, техника [Only registered and activated users can see links. Click Here To Register...] от [Only registered and activated users can see links. Click Here To Register...] не имеет вышеописанного недостатка.
P.S.
Было бы совсем неплохо, если бы Вы указали кодировку на Вашем ресурсе...
Aykroyd
Опять повторяюсь, если Вы не будете использовать графику, а только указание background-color для центральных колонок, получится то , о чем уже писал или Вы этого не видите или не хотите видеть.Цитата:
Не правда.)
В моем предложении можно использовать и то и другое без всяких ограничений.
Еще раз читаем: (мои слова)Цитата:
Об отсутствии лишних презентационных блоков в разметке (без которых можно прекрасно обойтись), которые превносятся в нее в целях «универсальности»... Странно, что Вы до сих пор это не поняли...
Вы не внимательны, приходиться повторяться в очередной раз.Цитата:
Универсальность заключается в том, что позволяет легко, подчеркиваю, легко, перейти от одного шаблона к другому.
Оставлю на Вашей совестиЦитата:
Господи, Боже мой... Какое самомнение...
Вы не папа риский, я не ваша паства...Цитата:
кодеров юных, душею мягких и извилиной неокрепших...
Вот именно. И не надо их противопоставляь друг другу, а использовать там где необходимо учитывая, как достоинства, так и недостатки.Цитата:
Представленная Вами техника...
~
Об footer-е писал, если вам нечего сказать, есть ли необходимость заводить блог/сайт
Почитайте главы из "Учебника" Ивана Сагалаева он доступен.Цитата:
Небольшое лирическое отступление:
Вы не могли бы, кстати, попутно прокомментировать, чем вызван выбор чисел -32767px и 32767px?
Почему не -39625px и 39625px, например?)
Выделено мной. О других не достатках, Вы, почему-то умалчиваете.Цитата:
В то же время, техника Faux Columns от Дэна Седерхольма не имеет вышеописанного недостатка.
Ваш пример с графикой [Only registered and activated users can see links. Click Here To Register...]
Возможно Вы будете удивлены, но мне прекрасно известно, что масло – оно масляное. Будьте так любезны, ответьте на поставленные вопросы. Я же со своей стороны на все Ваши вопросы стараюсь отвечать. Некрасиво получается.
1. Почему Вы не следуете требованиям, которые сами же и выдвигаете в своей публикации.
2. На основании чего осуществлен выбор min-height: 540px для блока .content.
3. Как Вы относитесь к тому, что при высоких разрешениях футер может оказаться в середине экрана даже при наличии существенной доли контента.
[/quote]Цитата:
Originally posted by gordi@Dec 2 2007, 14:45
Опять повторяюсь, если Вы не будете использовать графику, а только указание background-color для центральных колонок, получится то , о чем уже писал или Вы этого не видите или не хотите видеть. В моем предложении можно использовать и то и другое без всяких ограничений.
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
Смею Вас заверить, что это я вижу и понимаю прекрасно. Непостижимым для меня остается другое: зачем или в каких таких экстренных случаях мне может приспичить задавать background-color для центральных колонок? Чем Вам так досадили четыре с половиной килобайта графики?
Цитата:
Originally posted by gordi@Dec 2 2007, 14:45
Еще раз читаем: (мои слова)
<div class='quotetop'>Цитата
Вы не внимательны, приходиться повторяться в очередной раз.Цитата:
Универсальность заключается в том, что позволяет легко, подчеркиваю, легко, перейти от одного шаблона к другому.
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]</div>
[/b][/quote]
Я очень рад, что что-то там у Вас можно легко. Но только объясните Христа ради: на хрена у Вас в коде два презентациооных блока, не несущих никакой смысловой нагрузки? О какой внимательности может идти речь, если Вы элементарно не можете ответить на заданные Вам вопросы? Зачем в очередной раз повторять то, что не имеет к делу никакого отношения? Неужели так сложно просто и спокойно, без подначек вида «если перенести clear:both; в footer, а это очень трудно, для вас, по видимому» ответить, например, следующим образом: «эти блоки могут быть убраны без каких-либо последствий». Вопрос отпал бы моментально.
[/quote]Цитата:
Originally posted by gordi@Dec 2 2007, 14:45
Оставлю на Вашей совести
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
Взаимно.
[/quote]Цитата:
Originally posted by gordi@Dec 2 2007, 14:45
Вы не папа риский, я не ваша паства...
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
Это мысли вслух или переход на личности? :read:
[/quote]Цитата:
Originally posted by gordi@Dec 2 2007, 14:45
Об footer-е писал, если вам нечего сказать, есть ли необходимость заводить блог/сайт
<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 gordi@Dec 2 2007, 14:45
О других не достатках, Вы, почему-то умалчиваете.
<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...]. Если возникают проблемы с переводом, могу порекомендовать хорошего переводчика. Берет недорого.
<div class='quotetop'>Цитата</div>Перед сохранением прикрепленного к сообщению графического файла обратите внимание на надпись «CLICK TO ENLARGE»... Вы скачали уменьшенный эскиз прикрепленного изображения...Цитата:
Ваш пример с графикой[/b]
Aykroyd
C этого и надо начинать, а не принимать в штыки, то что вам по каким-то причинам не подходит [Only registered and activated users can see links. Click Here To Register...]Цитата:
Возможно Вы будете удивлены, но мне прекрасно известно, что масло – оно масляное.
~
По пунктам:
1. Мой пост это только рыба, в нем нет ничего сложного, все ваши замечания исправляются легко и непринужденно, есть возможность выбора.
Смысл универсальности заключается в быстром переходе от 3-х колоночного шаблона к 2-х колоночным для этого и введены #trifler и #gordi
причем заметьте, нет никаких проблем с графикой, как в Вашем случае.
Ее просто не надо делать.
2. 3. Об footer-е написал, и придерживаюсь своего мнения, пишите много и хорошо, не будет никаких проблем [Only registered and activated users can see links. Click Here To Register...]
Выделено мной, для Вас возможно, но дать такую возможность пользователям будет справедливо.Цитата:
Непостижимым для меня остается другое: зачем или в каких таких экстренных случаях мне может приспичить
Отвечал не однократно. Ваши возражения в данном случае не существенны.Цитата:
Но только объясните Христа ради: на хрена у Вас в коде два презентациооных блока, не несущих никакой смысловой нагрузки?
Вы странный человек. Нет нужды в графике, можно же и без нее, а Ваше предложение связывает руки с проблемами ее изготовления, под каждый шаблон свою, так далеко можно зайти, есть более простые пути.Цитата:
Перед сохранением графического файла обратите внимание на надпись «CLICK TO ENLARGE»...
Жаль, что Вы этого не понимаете.
Вы русский?</span>
Будьте так любезны, ответьте на вопросы (в третий раз покорно прошу):
<span style="color:red">
1. Почему Вы не следуете требованиям, которые сами же и выдвигаете в своей публикации?
2. На основании чего осуществлен выбор min-height: 540px для блока .content?
3. На хрена у Вас в коде два презентационных блока, не несущих никакой смысловой нагрузки?
Откроем глаза чуть-чуть [Only registered and activated users can see links. Click Here To Register...]. Если возникают проблемы с переводом, могу порекомендовать хорошего переводчика. Берет недорого.
Все сначала [Only registered and activated users can see links. Click Here To Register...]
А вы каких кровей? Видимо все, что мной написано вами не читается, переводчик нужен вам.Цитата:
Если возникают проблемы с переводом, могу порекомендовать хорошего переводчика. Берет недорого.
Все что написано у меня на страницах блога применяется на практике.
Я не зашорен и открыт для новых идей и мои взгляды могут меняться, это так естественно, не правда ли?
Что не скажешь о вас, увы...
Не надо читать между строк, научитесь читать то, что написано, это так просто.
Если у вас нет других аргументов, дальнейшее породолжение дискуссии не имеет смысла.
Свалили в ужас... :crazy:
Как оставить поток, но сделать так, чтобы в браузере колонка left поменялась местами с center ? Вроде необходимо использовать отрицательный margin, но добиться необходимого от IE не получается. id global фиксированной ширины 1000px;
<body>
<div id="global">
</div>
</body
Можно добавить один блок и тогда проблема устраняется
<div class="g">
<div class="gc">
</div>
</div>
Но интересует возможно обойтись без дополнительного блока или нет.
Код:div.center {display: inline;}