m2141

У меня тоже это никак не получалось. И с вставкой данного кода тоже... Как это вообще влияет на высоту, за счет чего сайдбар и контент растянутся? Вот тут пишут, что этого в принципе и не должно быть естественный путем http://htmlbook.ru/samlayout/tipovye-makety/kolonki-odinakovoi-vysoty

Спасибо всем! Все понятно теперь, с этим height: auto !important. Проблемы были от непонимания... На самом деле я занимаюсь под Битрикс и они в своем основном шаблоне так делают: html, body, form { margin: 0; padding: 0; } html { height:100%; } body { height:auto !important; height:100%; min-height:100%; min-width:760px; А у меня при некоторых переделках все это поплыло, вот и решила с самого начала на примере одной странички разобраться. Как раз в основном использую Firefox, но тут уже в качестве эксперимента одновременно в 4 браузерах проверяла. Остальные советы постараюсь разобрать . Что-то не поняла... Вроде ведь так и хотела сделать по сути самой идеи, если бы не намудрила с заданием высоты всему подряд. Или не вижу чего-то?)

Т.к. в соседнем разделе не удалось мне решить мой вопрос, решила начать с нуля и посмотреть, где возникает проблема. Начала делать простейший макет, и вот какая странность. Вроде бы уже проще некуда, делала из многочисленных примеров, пробовала разные варианты. Вот собственно оно http://jsfiddle.net/bfTAC/ Интересно, что в Opera все отлично выглядит как надо А вот в Хроме и Firefix'е - что попало Если глянуть для интереса "инспектором" в Firefox, вот что говорит Получается "контейнер" 100%, но почему то всего 220px. Хотя с body там же все нормально - 100% и 720px на весь экран. Что я делаю не так? Уже тупняк какой-то начался, тяжело абстрагироваться

Последний вопрос очень актуален! Почему так происходит в Firefoxе, в остальных браузерах все нормально - футер прижат к низу, прокрутки нет. Не могу никак найти в чем дело... может в таблицах? Тут про это писали, что у Firefox какие-то проблемы с ними, а у меня часть контент состоит из таблицы.

Вообще у меня с html тегом что-то непонятное. Например вот еще footer я прижала с помощью margin, вроде все верно. Но только в опере это верно отображается, в остальных браузерах остается внизу полоска пустого место (опять же черной заливкой сделала). К тому же, если я main-page задаю меньшую фиксированную высоту, футер поднимается вверх, собственно к низу монитора, где должен быть визуально, но под ним еще остается много пустого пространства и прокрутка образуется. Хотя высота фактическая у html вроде бы правильная, что видно на картинке, но заливка то внизу есть... Тоже не пойму в чем дело.

Спасибо, но собственно и проблема, что так просто все не получается... У меня вот что получается таким образом на деле, именно при добавлении float: right; для блока2 : Собственно код: #main-page { width: 100%; min-width: 600px; position: relative; top: 0; left: 0; } #block1 { position: relative; top: 20px; left: 20px; width: 516px; height: 358px; background: #ccc; } #block2 { position: relative; top: -150px; float: right; width: 521px; height: 305px; background: #ccc; } Оранжевым пунктиром идет как раз блок main-page. И все это еще лежит в "контейнере" с заданной шириной 100%, включая правую колонку, на которую сползло. То что сделано черной заливкой (чтобы посмотреть куда и что так растягивается) - это заливка тега html. Не понимаю вообще, почему так происходит... Уже много раз перепроверяла. По высоте кстати тоже странно сползает все, и так же html куда-то растягивается при определенных условиях...

Извиняюсь, смещаться влево конечно, до красной линии. Ошиблась. Грубо говоря надо, чтобы это все было резиновым, и сужалось до определенной ширины. Но размеры самих блоков фиксированные. Было как на первом рисунке, стало так:

Добрый день! Не очень опытна в верстке блоками, поэтому хотела бы обратиться за помощью и подсказкой. Нужно сделать вот в таком виде: Я тупо решила это, позиционируя блоки с relative. Но что-то мне подсказывает, что решение очень неудачное, и все может сползти... Возможно как-то можно решить с помощью margin? Пока в голову не приходит как именно. Плюс желательно, чтобы блок2 и текст2 могли смещаться вправо, допустим до красной линии.