Помощник
|
div разметка |
01es
|
Сообщение
#1
|
||
|
|
||
|
|||
Exterior |
16.4.2008, 9:19;
Ответить: Exterior
Сообщение
#2
|
|
01es, а зачем для header`а и footer`а float :eek:?
(01es @ 1.1.1970, 07:00) как сделать каркас который бы не расползался при изменении размера окна браузера? ставить дилину и ширину в % (01es @ 1.1.1970, 07:00) Меня интересует что бы боковые колонки (менюшки) имели постоянную ширину, скажем 200пикс. А верхние и нижние - высоту. .lmenu1, lmenu2, rmenu1, rmenu2 {
width: 200px; } .header, footer { height: 100px; } |
|
|
01es
|
Сообщение
#3
|
|
Ничего не выходит. Возможно я нахимичил в стилях((( Я делаю сайт, мне нужно:
-что бы менюшки имели фиксированную ширину (150px) и растягивались по высоте. -центральный блок был строго по центру, и растягивался вертикально по мере заполнения (сейчас, если мало текста. то 2е правое меню заползает под центр). -верхний блок - по центру, с фиксированной высотой 100px -нижний блок - по центру, с фиксированной высотой 10px -менюшки распологались одна над другой -отступы между блоками - 3px [IMG]http://i046.radikal.ru/0804/95/0494b1f056a0t.jpg[/IMG] .header { У меня ничего не выходит... Если не сложно - поправте мои ошибки:popcorn2:
width: 100%; height: 100px; background: #FFFFFF; padding: 1px; border: solid 1px #999999; float: left; position: relative; top: 1px; left: 0px; } .lmenu1 { width: 150px; background: #FFFFFF; padding: 1px; border: solid 1px #999999; float: left; position: relative; top: 5px; left: 0px; } .lmenu2 { width: 150px; background: #FFFFFF; padding: 1px; border: solid 1px #999999; float: left; position: relative; top: 25px; left: 0px; } .center { width: 60%; background: #FFFFFF; padding: 1px; border: solid 1px #999999; float: left; position: relative; top: 5px; left: 3px; } .rmenu1 { width: 150px; background: #FFFFFF; padding: 1px; border: solid 1px #999999; float: right; position: relative; top: 5px; left: 0px; } .rmenu2 { width: 150px; background: #FFFFFF; padding: 1px; border: solid 1px #999999; float: right; position: relative; top: 10px; left: 0px; } .footer { height: 20px; width: 100%; background: #FFFFFF; padding: 1px; border: solid 1px #999999; float: left; position: relative; top: 10px; left: 0px; } |
|
|
Exterior |
17.4.2008, 16:55;
Ответить: Exterior
Сообщение
#4
|
|
|
01es, ну вот вы даже не исправили ошибки на которые я указал - зачем у header и footer вот это:
.header { width: 100%; height: 100px; background: #FFFFFF; padding: 1px; border: solid 1px #999999; float: left; position: relative; top: 1px; left: 0px; } .footer { height: 20px; width: 100%; background: #FFFFFF; padding: 1px; border: solid 1px #999999; float: left; position: relative; top: 10px; left: 0px; } позиционировать нужно только блоки с меню и контентный и не забывать про атрибут clear:both, чтобы отменять обтекание там, где оно не нужно. (01es @ 1.1.1970, 07:00) мне нужно: -что бы менюшки имели фиксированную ширину (150px) и растягивались по высоте. -центральный блок был строго по центру, и растягивался вертикально по мере заполнения (сейчас, если мало текста. то 2е правое меню заползает под центр). -верхний блок - по центру, с фиксированной высотой 100px -нижний блок - по центру, с фиксированной высотой 10px -менюшки распологались одна над другой -отступы между блоками - 3px ну прям техническое задание на разработку сайта ;)
|
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Моя div-ная верстка соответствует ли стандартам Хотелось бы конструктивной критики |
10 | muratastana | 1545 | 14.1.2023, 1:16 автор: xweb |
|
DIV'ы в строку | 0 | RedEclipse | 5463 | 29.9.2016, 17:53 автор: -RedEclipse- |
|
при выборе radio в option не скрывались div | 0 | serj123 | 6928 | 17.4.2016, 17:45 автор: -serj123- |
|
Как заставить отображать несколько элементов DIV в одну строку? | 2 | Aalena | 3999 | 10.1.2016, 10:18 автор: -Aalena- |
|
Качественное размножение статей, расстановка анкоров, ссылок, разметка тэгами | 0 | kotsur | 2363 | 13.6.2015, 22:33 автор: -kotsur- |
Текстовая версия | Сейчас: 28.3.2024, 23:36 |