Mytis

Вроде бы как Хром посчитал "relative" абсолютным позиционированием. Странное дело

пустил в ход таблицы. Вместо вмещающего дива использовал - все работает, но вот Chrome отказывается применять min-height. Такие дела Все же если у кого есть решение проблемы - не откажусь прочесть

может и так, но дела не меняет мне бы услышать вердикт опытного верстальщика - а там уже или Ява, или таблицы

В Хроме и Эксплорере: В Опере и FF:

Добрый день! Есть проблема: CSS: #container { position: absolute; width: 99%; height: 99%; min-width: 780px; min-height: 580px; } #cell { position: relative; top: 50%; width: 700px; height: 400px; margin: -200px auto; } HTML: <div id="container"> <div id="cell"> </div> </div> При отрисовке этого дела, слой с ID="CELL" как положено всегда посередине родителя. В браузерах FireFox и Opera при масштабировании окна, родитель уменьшается до минимального предела, после чего перестает это делать. Соот-но его центр всегда в разумных пределах, и дочерний слой, выровненный по этому центру отображается нормально. А вот в Chrome и IE8 при уменьшении размеров окна меньше, чем минимально допущенный размер слоя с ID="container" дочерний слой начинает уезжать за его верхнюю границу, словно его позиционирование и не относительное вовсе (причем он всегда по центру окна, будто у него position: absolute;) Может есть какой-то более грамотный способ выровнять внутренний слой по вертикали, либо доработка уже существующего кода? Если что-то неграмотно написано, то всегда готов получить по шапке и выслушать советы уважаемых верстальщиков

Вполне одинаковое поведение наблюдается у всех кроме IE. Он почему-то интерпретирует все отступы именно так, как я и предполагаю изначально. Ну вот есть отступ сверху на 5 пикселов - он 5 и сделает. Родительский элемент на месте останется. Я вижу это наиболее целесообразным решением со стороны браузера - никаких необъяснимых ситуаций. IE совершенно не волнует, что и как получится в итоге - он делает точно то, что задет человек. И все тут. Пока считаю именно его наиболее правильным (хоть и не поддерживает многие удобные параметры CSS),но вероятнее всего, я пока мало работаю в области верстки, и плохо знаю особенности браузеров (судить могу поверхностно, думаю, со временем пойму)

Не самое лучшее решение - если не работает одно, использовать другое. Честно, может я и не особо понимаю суть дела, но мне непонятно почему создаются такие браузеры. Естественно, что ни делается - делается ради денег, но как можно заработать, делая какую-то...некондицию что-ли. IE на этом фоне просто законопослушный гражданин

Хитроумные комбинации а главное как все обставлено: раз overflow: hidden, то пусть себе съезжает вниз сколько влезет psywalker, спасибо за ссылку, развеяло недоразумения

И все-таки мне интересен ответ на этот вопрос, поскольку я сам не нашел корректного решения этой задачи. Сколько помню статьи о блоковой модели мистера Мержевича, я не разу не видел ни в одной книге этого автора упоминание о том, что дочерний элемент, имея смещение вниз смещает и элемент-родитель. Может это какая-то крутая шутка разработчиков браузеров, которую мне, школяру не понять? <div> <div> <h1 style="margin-top: 20px;">Текст</h1> </div> </div> и этот код, отрабатывается корректно в IE8, несмотря на всеобщее понятие об убогости этого браузера. В Opera, Safari, FF, GC отступ не только смещает слой на ступень выше, но и самый верхний слой. Если добавить отступ слою, в который непосредственно вмещен тег H1, то история повторится. Господа профессионалы, развейте мое недоразумение, я в замешательстве Решить проблему можно, растянув над надписью невидимое изображение на необходимый отступ, но это же смешно... P.S. Как говорит psywalker, лепнина - дело неразумное. Полностью согласен, не хочу быть "водилой", хочу верстать грамотно, по сему и вопрос задаю