Задача резиновая верстка
блоки:
меню фиксированная высота 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](http://phpforum.ru/html/emoticons/sad.gif)
UPD: Огромное Вам еще раз спасибо вы действительно помогли уменьшить затраты времени на поиск решения!!
Спустя 2 часа, 37 минут, 28 секунд (21.12.2011 - 03:44) sebastjan написал(а):
Christik От меня люсик за такую активность.
А вто что их всего этого вытекает.
А вто что их всего этого вытекает.
![sad.gif](http://phpforum.ru/html/emoticons/sad.gif)
Цитата |
Да вы правильно меня поняли !! |
Christik - поздравляю ты правильно его понял.
Цитата |
Огромное Вам еще раз спасибо вы действительно помогли уменьшить затраты времени на поиск решения!! |
Не знаю как другие но мне - честно говоря, отвратительно даже перечитывать этот комент автора.
Спустя 4 часа, 49 минут, 15 секунд (21.12.2011 - 08:34) redreem написал(а):
sebastjan, ЕЙ простительно
![smile.gif](http://phpforum.ru/html/emoticons/smile.gif)
Спустя 28 минут, 58 секунд (21.12.2011 - 09:03) Christik написал(а):
sebastjan, я немного в недоумении. Я что-то неправильно сделала или неправильно поступила? Я новичок на форуме и, может, не вникла в тонкости здешнего общения? :)
Спустя 2 часа, 22 минуты, 1 секунда (21.12.2011 - 11:25) redreem написал(а):
Christik, в подобных задачах лучше подтрунить человека поразбираться самому, чем получить готовое рашение нахаляву
былаб еще какая-то сложная задача - тут можно подсказать, да и порой самому поразбираться, но я вот писал уже выше про "идеологию" ![smile.gif](http://phpforum.ru/html/emoticons/smile.gif)
![smile.gif](http://phpforum.ru/html/emoticons/smile.gif)
![smile.gif](http://phpforum.ru/html/emoticons/smile.gif)
Спустя 26 минут, 28 секунд (21.12.2011 - 11:51) Christik написал(а):
redreem, сколько я общалась с программистами - никто не любил верстку и очень нехотя тратили на нее свое время, предпочитая уделять все внимание программированию. Мол, это не их дело, а занятие для верстальщика. :))
Приму к сведению эти комментарии. :)
Приму к сведению эти комментарии. :)
Спустя 11 минут, 53 секунды (21.12.2011 - 12:03) sebastjan написал(а):
Christik Всё ты правильно сделала.
Наверное я не прав, но всё же лучше было бы еслиб автор предоставил хоть кусочек своего ХТМЛ.
Наверное я не прав, но всё же лучше было бы еслиб автор предоставил хоть кусочек своего ХТМЛ.
Цитата |
сколько я общалась с программистами - никто не любил верстку и очень нехотя тратили на нее свое время, предпочитая уделять все внимание программированию. Мол, это не их дело, а занятие для верстальщика. |
Такие вот они программисты
![smile.gif](http://phpforum.ru/html/emoticons/smile.gif)
Как по мне так это смешно, кодить для сферы ХТМЛ и не знать вёрстку.
Хотя очень распространнённая тема, многие игнорируют основы и прыгают в глубинку программирования.
Вёрстку надо знать - пусть хоть и не на уровне гения но знать просто обязан.
Спустя 2 дня, 14 часов, 25 минут, 17 секунд (24.12.2011 - 02:28) to0n1 написал(а):
Затроллили
Да, я не сталкивался с такой версткой.. что теперь ??? почему бы не спросить на форуме ? или зачем он? вполне адекватный вопрос который мне сэкономил часок, а то и пару... и тем кто сюда заглянет тоже ... код хотел выложить но его во первых много .. во вторых в разных шаблонах ...
![biggrin.gif](http://phpforum.ru/html/emoticons/biggrin.gif)
Спустя 25 минут, 39 секунд (24.12.2011 - 02:54) sebastjan написал(а):
to0n1 Да ладно, не бери близко к сердцу.
Выкладывай что навояли, будет тема для адекватного разговора.
![wink.gif](http://phpforum.ru/html/emoticons/wink.gif)
Выкладывай что навояли, будет тема для адекватного разговора.