[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Полные грабли с резиновой блочной вёрсткой
sebastjan
sad.gif
Страдаю.
Навоял резину дивами по ширине и высоте.
Ограничил ширину растягивания резины.
Всё класс.
Полный писец настал когда понадобилось резиновые блоки в резине сделать.
В таком варианте.
В общем резиновом блоке 100% на 100%, в нём три блока по вертикали,
верхний и нижний фиксированы по высоте и на резина по ширине.
В среднем блоке нужен резиновый блок, который будет всегда тянуться на 100% по вертикали и горизонтали относительно своего (папы) среднего блока.
Пока что полное фиаско.
По ширине тянется, по высоте нет.



Спустя 24 минуты, 44 секунды (23.04.2012 - 08:47) sebastjan написал(а):
Как прекрасно всё решается несколькими строчками таблиц, методом матрёшки.
А нужна див вёрстка. sad.gif

Спустя 14 минут, 38 секунд (23.04.2012 - 09:02) redreem написал(а):
http://phpforum.ru/index.php?showtopic=0&v...dpost&p=1682269

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

Спустя 7 минут, 38 секунд (23.04.2012 - 09:10) sebastjan написал(а):
redreem
Спасибо конечно.
Ну это не реал подобие табличной матрёшки.
Потом выложу шаблончик, хрень конечно но всёж , может для интереса кому сойдёт.
А пока мучаюсь.

Спустя 2 часа, 57 минут, 32 секунды (23.04.2012 - 12:07) I++ написал(а):

Спустя 2 минуты, 57 секунд (23.04.2012 - 12:10) sebastjan написал(а):
I++
Нет не совсем.
Не просто резина а резиновые блоки внутри резины.


Спустя 25 минут, 32 секунды (23.04.2012 - 12:36) I++ написал(а):
Подробнее?

Просто если есть каркас резиновый внутри проще зарезинить блоки. Обычно это делается таблицами, что намного проще smile.gif

Спустя 1 час, 1 минута, 19 секунд (23.04.2012 - 13:37) sebastjan написал(а):
I++
Да, полностью согласен.
Таблицами это реализуется несколькими строчками, с див блоками получается нехилая простыня со стилями.
А в самих блоках разобраться ещё труднее что и где чем в несколько вложенных таблицах.
Но на свете есть упёртые товарищи, хотят именно всё в див блоках.
Всего две таблицы как матрёшка решают всю проблемму а вместо этого приходится городить пол километра блоков див и ЦСС.


Спустя 30 минут, 33 секунды (23.04.2012 - 14:08) I++ написал(а):
Такими темпами можно дойти до маразма, и писать 3d игры на glut интегрированном в PHP rolleyes.gif

Спустя 2 часа, 22 минуты, 5 секунд (23.04.2012 - 16:30) Bezdna написал(а):
Цитата (sebastjan @ 23.04.2012 - 09:23)
По ширине тянется, по высоте нет.


Не особо понял ТЗ, но по-моему копать надо где-то здесь:

<div id = "block">
<div
id = "inblock"></div>
</div>

<style>

#block {
position:relative;
}
#inblock {
position:absolute;
top:0;
bottom:0;
}
</style>

Спустя 21 час, 1 минута, 28 секунд (24.04.2012 - 13:31) sebastjan написал(а):
Bezdna
Да всё просто.
Есть резиновая страница, как заставить без яваскрип всунуть в блок див
другой блок див и чтоб он тоже был резиновый.
На подобии табличной матрёшки.
Когда в одру резиновую колону помещается таблица и она тоже резиновая относительно этой колонки.
Основной факт - это нужно чтоб блок был растянут на 100% относительно родителя
по высоте и ширине а не вариант когда контентом тянется.
С див блоками полная труба.

Всё нашол - так это использование яваскрипт.
Фу-блин эти макеты на див вёрстке, по сути формируешь таблицу див элементами,
только в 100 раз длиннее и ещё не кросброузерно.

Спустя 14 минут, 37 секунд (24.04.2012 - 13:46) Nikitian написал(а):
А вариант дать дивам display:table не подходит? В этом же случае блики ведут себя как таблицы. что и требуется.

Спустя 29 минут, 30 секунд (24.04.2012 - 14:15) sebastjan написал(а):
Я бы с радостью display:table, но не кросброузерно.
Придурки ,весь инет захламили статьями про семантичный код и разметку на див элементах.
Каких только ненормальных доводов не слышал в адрес таблиц.
Типа в таблице должно быть связанно логикой то что находится в столбцах или строках.
Ненормальный аргумент.
Получается если скелет табличный из трёх колонок, то что dry.gif , в колонке например меню уже само по себе связанно логикой.
А если посмотреть на венигред с див блоками, вообще на прочь отсутствует логика, особенно когда позиционируешь маргинами и алигн, отрицательными отступаими и другими маразмами.
С див вёрсткой совсем по другому, надо делать слой подстилку с фоном под колонку, которая ну ни каким боком не связанна логикой с слоем на которм само меню этой колонки.
И где тут семантика blink.gif
Интерперпенденция это а не семантика. biggrin.gif



Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.