Футер и ширина страницы

[RiG]

Использую для своего сайта такой трёхколоночный макет макет (шапка вырезана)

<div style='margin-left:195px;margin-right:195px'>
Основной контент
</div>

<div style='width:195px;position:absolute;top:0px;left:0'>
Левый блок
</div>

<div style='width:195px;position:absolute;top:0px;right:0'>
Бравый блок
</div>

<div class='footer'>
футер
</div>

Контент в коде находится выше всего остального содержания.

Возникли 2 проблемы.

1) Как прижать в данном случае футер к низу страницы.

2) Как установить min-width так чтобы блок с контентом не сжимался меньше указанного размера и не "заезжал" под правый блок(как он сейчас это делает) при уменьшении размеров окна.

[Shotgun]

<div style="margin:0 195px;min-width:400px;">
Основной контент
</div>
<div class="footer" style="position:fixed;bottom:0px;">
 футер
</div>

Edited March 15, 2011 by Shotgun

[RiG]

Футер прилип к нижней границе браузера и игнорирует содержимое страницы

[Shotgun]

вот тут что-то подобное вроде обсуждали:

http://forum.htmlbook.ru/index.php?showtopic=5870

посмотри, я не вникал

[RiG]

Да и контент всё равно продолжает заезжать под правые блоки(

[wanntuzz]

<div style="margin:0 195px;min-width:400px;">
Основной контент
</div>
<div class="footer" style="position:fixed;bottom:0px;">
 футер
</div>

Не слушайте ее! Так футер будет наползать если страница длинная!

[Shotgun]

<div style="min-width:590px;"> <!-- Тут минимальные 200px контента + 390px от пэдингов -->
 <div style="width:195px;float:left;"> <!-- Тут я сделал флоаты -->
  Левый блок
 </div>
 <div style="width:195px;float:right;">
  Правый блок
 </div>
 <div style="padding:0 195px;min-width:200px;"> <!-- Тут 200 минимум -->
  Основной контент
 </div>
</div>
<div class="footer">
 футер
</div>

Edited March 15, 2011 by Shotgun

[RiG]

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

P.S. Проблему с футером решил добавлением с свойства clear:both. Осталась проблема с min-width

[Serlutin]

Возникли 2 проблемы.

Боюсь, что их решить будет невозможно.

Дело в том, что position: absolute выбивает блоки из потока. То есть для этих блоков как бы не существует соседей, поэтому они ведут себя как хотят.

Блоки прилипают к краям браузера, и оттуда их никак не отлепить. Поэтому при сжимании происходят странные вещи. Тут даже min-width не поможет.

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

На вашем месте я бы взял один из шаблон, который уже проверен временем. Что-нибудь из этого (LayoutGala)

[wanntuzz]

RiG, а ты правую и левую колонки располагай не абсолютом а маргинами. То есть левую можно абсолютом, а правую margin-left: -195px;

[RiG]

wanntuzz, не понял честно говоря)

[RiG]

Решение найдено! http://designformasters.info/posts/holy-grail/

[wanntuzz]

Да это я чушь сморозил. Прости меня я пьян. Это ж надо моя бывшая тоже на этом форуме зарегилась!

Надо для body тоже min-width задать, тогда ничего не будет наезжать. И position:relative для body не забыть