Опера и высота окна

[Freakmeister]

Сверстал такую вот штуку: http://maestro-magnifico.ru/test/

Почему сверстал именно так, даже на спрашивайте... По задумке блок #middle должен будет ездить влево-вправо за границу блока #content, у которого overflow: hidden. Не суть!

Во всех браузерах эта вёрстка отображается замечательно, кроме оперы, где при ресайзе окна, высота контента не меняется. Отчего так - не понятно, надеюсь на совет матёрых верстальщиков.

З.Ы. Я в курсе проблемы наезжания футера на контент, и знаю как её решить, просто до этого пока ещё дело не дошло.

Edited November 21, 2011 by Freakmeister

[mishka]

Ты чего мне 2 раза одно и тоже повторяешь?

Я понял тебя с первого раза. И сказал что вариант стоящий.

Насчет табов - никогда не встречал таких удивительных табов, обычно высота 3го таба не влияет на высоту 1го, ну и на родителя тоже. Какой таб активен, такая и высота у табхолдера. Но это кто как делает.

вот что нужно ТС (как я это понял) + внутри колонки одинаковой высоты.

у ТС это не табы, это линки на странички.

То что ты привел в примере - легко реализуется через фиксед, с меньшей замороченностью. Правда за исключением того что у тебя он всетаки прячеться при маленьком окне.

[SelenIT]

возможность скрывания футера и топа

Разумная мысль. Но требует лишних неочевидных действий от пользователя, по сравнению с привычным скроллом. Имхо, тоже сильно зависит от задачи и реализации

[mishka]

Вот, все варианты оправданны в той или иной ситуации.

Поэтому не стоит так горячиться называя бредом min-height: 100%

[Switch74]

Ты чего мне 2 раза одно и тоже повторяешь?

Я понял тебя с первого раза. И сказал что вариант стоящий.

Это я подробно описал свою точку зрения в одном посте.

Насчет табов - никогда не встречал таких удивительных табов, обычно высота 3го таба не влияет на высоту 1го, ну и на родителя тоже. Какой таб активен, такая и высота у табхолдера. Но это кто как делает.

Интересно как ты сделал бы табы, чтобы высота контента не влияла на родителя, можешь сделать пример? только давай сразу с учётом пожелания автора, контент слайдится от одного к другому по горизонтали как в примере.

А про то, что высота 3го влияет на высоту 1го я не писал, не понимаю откуда ты это взял.

у ТС это не табы, это линки на странички.

Вот так ты читаешь тему, он сразу сказал, что хочет сделать сладер для контента.

Я хотел колонки на всю высоту, футер к полу и ещё по задумке кнопки в навигации должны будут переключать контент "слайдером" влево-вправо, примерно как это реализовано здесь http://pxtoem.com/ Для этого мне и нужен блок #content с overflow: hidden.

То что ты привел в примере - легко реализуется через фиксед, с меньшей замороченностью. Правда за исключением того что у тебя он всетаки прячеться при маленьком окне.

Про фиксед я писал выше. К тому же ты сам сказал

Фиксед тут тоже не подойдет, так как когда контента много то футер должен опускаться, так по задумке автора.

или ты что-то другое хотел зафиксировать а не футер?

И можно пример с фикседом и меньшей замороченностью?

[mishka]

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

Значит из этих двух вариантов фиксед все же проще. Тут я за фиксед.

Вот так ты читаешь тему, он сразу сказал, что хочет сделать сладер для контента.

Да, невнимательно я прочел.

Интересно как ты сделал бы табы, чтобы высота контента не влияла на родителя, можешь сделать пример? только давай сразу с учётом пожелания автора, контент слайдится от одного к другому по горизонтали как в примере.

А про то, что высота 3го влияет на высоту 1го я не писал, не понимаю откуда ты это взял.

Делать высоту табхолдеру по высоте активного таба.

[psywalker]

min-height: 100%; - само по себе абсурд

К сожалению нет времени читать весь топик, но с этим заявлением я не согласен. Простое прижатие футера через абсолют, да и не только, например. Я всегда использую для этого min-height: 100% для обёртки сайта.

[mishka]

Вобщем как ни крути а это старый баг оперы который никак не хотят фиксить.

Бороться с этим - верстать по-другому или на оперу забить.

[psywalker]

Вобщем как ни крути а это старый баг оперы который никак не хотят фиксить.

Бороться с этим - верстать по-другому или на оперу забить.

Ааа, ну если говорить про это, то да. Варианта два, но я всегда выбираю "Забить"

[mishka]

Во, нашел http://www.cssstickyfooter.com/

тут в опере работает, посмотрите css, там коммент есть по поводу оперы.

http://jsfiddle.net/4xDxK/4/

[Switch74]

Делать высоту табхолдеру по высоте активного таба.

т.е. ты это предлагаешь делать через JS?

[mishka]

Делать высоту табхолдеру по высоте активного таба.

т.е. ты это предлагаешь делать через JS?

Ну для табов всеравно джс юзается.

[psywalker]

Во, нашел http://www.cssstickyfooter.com/

тут в опере работает, посмотрите css, там коммент есть по поводу оперы.

http://jsfiddle.net/4xDxK/4/

Спасибо за интересное решение, но есть вопрос. А для чего margin-top:-32767px;?

[mishka]

решение не мое, только что нашел.

А для чего margin-top:-32767px;?

Чтобы надежно спрятать.

[Switch74]

с этим согласен.

http://jsfiddle.net/4xDxK/4/ - этот пример для меня?

он отвечает тем требованиям которые мы обсуждали выше, но он явно не доделан

[mishka]

с этим согласен.

http://jsfiddle.net/4xDxK/4/ - этот пример для меня?

он отвечает тем требованиям которые мы обсуждали выше, но он явно не доделан

не, не для тебя. Это я по тому примеру сделал и проверил в опере - работает.

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

думаю что ТС может свой вариант допилить для оперы, так как вот решение найдено.

[Nanto]

Опера - оперой... Но тут уже только IE8

[mishka]

http://www.cssstickyfooter.com/ - все кросс.

[Nanto]

Вот:

http://jsfiddle.net/4xDxK/6/

Много обёрток, но полностью соответствует требованиям автора!

Заодно к вопросу - "зачем нужен костыль в виде min-height:100%" - вот за этим самым!

[Switch74]

Вот:http://jsfiddle.net/4xDxK/6/Много обёрток, но полностью соответствует требованиям автора!Заодно к вопросу - "зачем нужен костыль в виде min-height:100%" - вот за этим самым!

ну здесь то он грамотно используется

[Freakmeister]

Омг, какой у вас тут живой форум. Надо заходить почаще.

Switch74, твой вариант не совсем то что нужно. Я хотел резиновую вёрстку по вертикали, чтобы контейнер обтекал контент. Как например тут:

http://silverflame.at.tut.by/sticky1.html

Или тут:

http://psywalker.ru/Forum/Footer_bottom/main.html

Два вида резиновой вёрстки и оба не кроссбраузерны - один не работает с Оперой, второй с IE7.

http://www.cssstickyfooter.com/ - все кросс.

Вот это то что нужно! Я правда сейчас не в состоянии разбираться с этим, но похоже, что вот он фикс моей мечты:

body:before {
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;
}

Добавил в пример Nanto - в Опере всё щщщщикарно!

Edited November 24, 2011 by Freakmeister

[Justnewone]

К слову, опера - единственный браузер, который понимает min-height внутри отсчитанного min-height (то есть, если далее родитель с height).

[psywalker]

К слову, опера - единственный браузер, который понимает min-height внутри отсчитанного min-height (то есть, если далее родитель с height).

Хм...а можно примерчик?

[SelenIT]

Ух ты, и действительно ведь. Загадочная она всё-таки, норвежская душа!

[Justnewone]

вот, примерчик

[psywalker]

Ух ты, и действительно ведь. Загадочная она всё-таки, норвежская душа!

вот, примерчик

Спасибо вам, ребят)