Доброго времени суток Уважаемые Знатоки, в жизни не мог подумать что будут проблемы с HTML, "никогда не говори никогда" )

Проблема следующего характера:
есть страница в которой везде height 100%. Соответственно всё хорошо и бзоблачно, но это лишь пока какой-то DIV не сделает большой отступ, к примеру самый верхний DIV с position:absolute и высотой 100px, вот при высоте 100% эти самые 100 пикселов и "уходят" вниз создавая скролл, вместо того что-б просто заполнить всё свободное пространтво. в растягиваемомм диве у меня таблица с двумя фреймами которые так-же тянуться на 100%, вот собственно надо что-б эти лишние 100 пикселей уходили в скрол не страницы а в скролл фреймов, если их контекнт вылазит за пределы фрейма ... Нууу как-то так...


left это просто ниша которая резервирует место для плавающего DIV посему её CSS не привожу...

?

Спасибо, помогло но отчасти ... приведу статистику:

Opera 12.14 : не работает (вот от кого не ожидал так от любимой оперы ...)
FireFox 20.0 : Всё хорошо и корректно
Netscape Navigator: 9.0.0.6 : Всё хорошо и корректно
Safari  5.1.7 : Всё хорошо и корректно
Maxthon 4.05.3000  : Всё хорошо и корректно
IE 8 : как обычно    но на сих зверей я не ориентируюсь ибо как показала практика для IE надо совершенно другую версию сайта писать 

вопрос как можно заставить оперу понимать сие чудо-свойство, вроде-ж CSS3 она поддерживает...


Это сообщение отредактировал(а) 0Z0NE - 7.4.2013, 14:34

А странно, по утверждениям всех источников Opera понимает стандартное свойство box-sizing
http://www.w3schools.com/cssref/css3_pr_box-sizing.asp
http://caniuse.com/css3-boxsizing
http://htmlbook.ru/css/box-sizing

Причем даже в "частичную поддержку" значение border-box входит.

Да я с вами согласен и тоже видел на htmlbook пометку про поддержку, вроде даже от 7*й версии. Для оперы помогает указание padding-bottom: 100px; в div который и растягиваеться, вот думаю как заставить только оперу видеть это свойство, css данного div занёс в отдельный файл, уж больно много свойств получилось... Условные комментарии для оперы существуют вообще?)

З.Ы. конструкция вида <link href="css/opera.css" rel="stylesheet" type="opera/css"> не помогает, её видит хром и ломает дизайн но не видит опера   


Во откопал кусочек правды http://cssdot.ru/Справочник_CSS/box_sizing-i403.html (правый столбец в низу с заголовком "Кроссбраузерная совместимость")

Была идея проверять с помощью PHP браузер и в случае Opera вместо обычного css файла подставлять css для оперы, но проблемно, вопервых Opera умеет представляться почти любым из установленных браузеров, неясно зачем но всё-ж (Настройки для сайта -> Сеть -> Идентификация браузера. Это к слову кому будет интересно) во вторых коль уже использовать такую фитчу то для каждого браузера писать свой CSS, естественно при редактировании оперделённая головная боль :( Хотелось-бы более простой и компактный вариант...

Это сообщение отредактировал(а) 0Z0NE - 7.4.2013, 15:30

Ну можно сделать через мой "любимый" универсальный интерфейс.

Если задать блоку то его ширина будет равна 100% внутренней ширины родителя с учетом отступов, границ и прочего. То есть его margin'ы упрутся в края родительского блока (ближайшего блока с position: relative).
Как-то так: http://jsfiddle.net/eF3c8/
То же самое применимо и для высоты.

Исходя из этого можно целевой блок обернуть в некий wrapper, у которого position: relative и который ведет себя самым обычным образом, а внутри него будет блок, внешние размеры которого будут равны размерам wrapper'а.

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

однако всё-ж надеюсь на то что можно найти корректное решение ... в общем вопрос открыт ...

каюсь не увидел JS    счас попробую пересобрать)


Это сообщение отредактировал(а) 0Z0NE - 7.4.2013, 23:00