[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Резиновая верстка
to0n1
Всем привет ! Столкнулся с такой проблемой:
Задача резиновая верстка
блоки:
меню фиксированная высота 27 пикс ширина 100%
контент в 2 колонки
левая 305 пикс правая тянется на всю ширину
и в левой колонке прижатый к низу блок 100 пикс высотой и 305пикс шириной (т.е. на ширину родителя)
Сразу в голову пришла мысль Js брать высоту браузера отнимать 27 пикс и задавать контенту это значение... но как то это не правильно и не особо кроссбраузерно (как показала практика)

Есть у кого какие идеи?? Буду очень благодарен



Спустя 31 минута, 30 секунд (20.12.2011 - 20:17) Игорь_Vasinsky написал(а):
ни чё не понял, что не получается кроссбраузерно сделать?

Спустя 1 минута, 31 секунда (20.12.2011 - 20:18) jon378 написал(а):
Я тоже не совсем понял, что сделать нужно.

Спустя 14 минут, 59 секунд (20.12.2011 - 20:33) redreem написал(а):
первая мысль, которая приходит программисту, когда он сталкивается с версткой - забубенить все js и не париться. у вас тривиальная и 100500 раз задаваемая на всевозможных форумах (вплоть до "форума беременных 8-го месяца") задача. потрудитесь, блинь, поискать, а то лень писать то, что уже понаписано где только можно.

Спустя 1 час, 18 минут, 54 секунды (20.12.2011 - 21:52) Christik написал(а):
Если я правильно поняла задумку, то структура должна выглядеть, как на скрине?

Один из вариантов:

<div class="wrapper">
<div
class="menu">
меню
</div><!--.menu-->

<div class="sidebar">
левая колонка
</div><!--.sidebar-->

<div class="container">
<div
class="content">
контент
</div><!--.content-->
</div><!--.container-->

<div class="block">

</div>
<!--.block-->

<div class="clear"></div>
</div>
<!--.wrapper-->

* { margin: 0; padding: 0; }
.wrapper { position: relative; }
.menu { height: 27px; background: #C9C; }
.sidebar { width: 305px; padding: 0 0 100px 0; float: left; position: relative; background: #936; }
.container { width: 100%; float: right; margin-left: -305px; }
.content { margin-left: 305px; background: #9FF; }
.block { position: absolute; bottom: 0; left: 0; width: 305px; height: 100px; background: #FC3; }
.clear { clear: both; line-height: 0; font-size: 0; height: 0; }

Спустя 3 часа, 15 минут, 2 секунды (21.12.2011 - 01:07) to0n1 написал(а):
Цитата (Christik @ 20.12.2011 - 18:52)
Если я правильно поняла задумку, то структура должна выглядеть, как на скрине?

Да вы правильно меня поняли !! Спасибо Вам огромное !

Извините, может вы и правы но с такой загруженностью очень тяжело дается все sad.gif

UPD: Огромное Вам еще раз спасибо вы действительно помогли уменьшить затраты времени на поиск решения!!

Спустя 2 часа, 37 минут, 28 секунд (21.12.2011 - 03:44) sebastjan написал(а):
Christik От меня люсик за такую активность.
А вто что их всего этого вытекает. sad.gif

Цитата
Да вы правильно меня поняли !!

Christik - поздравляю ты правильно его понял.

Цитата
Огромное Вам еще раз спасибо вы действительно помогли уменьшить затраты времени на поиск решения!!

Не знаю как другие но мне - честно говоря, отвратительно даже перечитывать этот комент автора.




Спустя 4 часа, 49 минут, 15 секунд (21.12.2011 - 08:34) redreem написал(а):
sebastjan, ЕЙ простительно smile.gif

Спустя 28 минут, 58 секунд (21.12.2011 - 09:03) Christik написал(а):
sebastjan, я немного в недоумении. Я что-то неправильно сделала или неправильно поступила? Я новичок на форуме и, может, не вникла в тонкости здешнего общения? :)

Спустя 2 часа, 22 минуты, 1 секунда (21.12.2011 - 11:25) redreem написал(а):
Christik, в подобных задачах лучше подтрунить человека поразбираться самому, чем получить готовое рашение нахаляву smile.gif былаб еще какая-то сложная задача - тут можно подсказать, да и порой самому поразбираться, но я вот писал уже выше про "идеологию" smile.gif

Спустя 26 минут, 28 секунд (21.12.2011 - 11:51) Christik написал(а):
redreem, сколько я общалась с программистами - никто не любил верстку и очень нехотя тратили на нее свое время, предпочитая уделять все внимание программированию. Мол, это не их дело, а занятие для верстальщика. :))
Приму к сведению эти комментарии. :)

Спустя 11 минут, 53 секунды (21.12.2011 - 12:03) sebastjan написал(а):
Christik Всё ты правильно сделала.
Наверное я не прав, но всё же лучше было бы еслиб автор предоставил хоть кусочек своего ХТМЛ.

Цитата
сколько я общалась с программистами - никто не любил верстку и очень нехотя тратили на нее свое время, предпочитая уделять все внимание программированию. Мол, это не их дело, а занятие для верстальщика.

Такие вот они программисты smile.gif
Как по мне так это смешно, кодить для сферы ХТМЛ и не знать вёрстку.
Хотя очень распространнённая тема, многие игнорируют основы и прыгают в глубинку программирования.
Вёрстку надо знать - пусть хоть и не на уровне гения но знать просто обязан.

Спустя 2 дня, 14 часов, 25 минут, 17 секунд (24.12.2011 - 02:28) to0n1 написал(а):
Затроллили biggrin.gif Да, я не сталкивался с такой версткой.. что теперь ??? почему бы не спросить на форуме ? или зачем он? вполне адекватный вопрос который мне сэкономил часок, а то и пару... и тем кто сюда заглянет тоже ... код хотел выложить но его во первых много .. во вторых в разных шаблонах ...

Спустя 25 минут, 39 секунд (24.12.2011 - 02:54) sebastjan написал(а):
to0n1 Да ладно, не бери близко к сердцу. wink.gif
Выкладывай что навояли, будет тема для адекватного разговора.
Быстрый ответ:

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