Помощник
|
![]() |
![]() |
Сообщение
#1
|
||
![]() |
|
||
|
|||
![]() |
![]()
Сообщение
#2
|
![]() |
А использования абсолютного позиционирования обязательное или Вам просто необходимо сделать такую разметку http://prntscr.com/45hxoo ?
|
|
|
![]() |
Сообщение
#3
|
![]() |
Абсолютное позиционирование нужно чтоб контент был выше чем меню в коде, а отображался как обычно(меню слева, контент справа)
|
|
|
![]() |
![]()
Сообщение
#4
|
![]() |
danilchuk88, нарисуйте схематично, как должно быть по примеру товарища AtaELL, я думаю вам нужно использовать position: relative;
-------------------- |
|
|
![]() |
Сообщение
#5
|
![]() |
На сайте так:
![]() в коде это так: 1 хедр, 2 меню, 3 контент, 4 футер По приведенному выше коду я добился того чтоб контент был выше в коде чем меню, т.е: 1 хедр, 2 контент, 3 меню, 4 футер. (отображение блоков на странице не меняется, это только в коде меню ниже контента). Проблема в том что футер позиционируется относительно хедера, и накладывается слоем на блоки "контент и меню". Нужно чтоб футер позиционировался относительно блока "контент" |
|
|
![]() |
![]()
Сообщение
#6
|
![]() |
Не до конца понял в чем проблема, но вроде вот так все нормально позиционируется:
Код #container{ position: relative; width:999px; margin:auto; padding:0; } #sidebar, #content{ } #header{ height: 40px; background: #F00; } #sidebar{ width: 150px; float: left; background: #00FF4F; } #content{ width: 849px; float: right; background: #662727; } #footer{ width: 999px; height: 40px; clear: both; background: #04FF00; } UPD Забыл убрать position: absolute; Сообщение отредактировал andreykashops - 23.7.2014, 17:12 -------------------- |
|
|
![]() |
Сообщение
#7
|
![]() |
UPD Забыл убрать position: absolute; Работает! Спасибо, то что надо) |
|
|
![]() |
![]()
Сообщение
#8
|
![]() |
danilchuk88, Используйте Bootstrap - сам ленился его учить, но потом понял как я тупил) Там такие вещи делаются за 2 минуты)
-------------------- |
|
|
![]() |
Сообщение
#9
|
![]() |
|
|
|
![]() |
![]()
Сообщение
#10
|
![]() |
о движок? CSS фреймворк http://bootstrap-3.ru/ Сообщение отредактировал andreykashops - 25.7.2014, 19:02 -------------------- |
|
|
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
![]() |
Помогите с памятью | 3 | zyzy | 134 | Вчера, 14:58 автор: kabutops06 |
![]() |
![]() анимация на JS сильно тормозит загрузку сайта |
31 | muratastana | 2121 | 31.12.2022, 23:34 автор: muratastana |
![]() |
![]() Благотворительный топик |
6 | vitvirtual | 652 | 25.12.2022, 7:55 автор: vitvirtual |
![]() |
Помогите определить движок инет-магазина | 7 | Aloof | 1350 | 18.12.2022, 18:48 автор: xVOVAx |
![]() |
Это нулевки (нулевые запросы)? Помогите разобраться. | 18 | noviktamw | 2109 | 30.11.2022, 13:10 автор: xVOVAx |
![]() |
Текстовая версия | Сейчас: 2.2.2023, 16:10 |