Помощник
|
Помогите с абсолютным позиционированием в css |
danilchuk88
|
Сообщение
#1
|
||
|
|
||
|
|||
AtaELL |
23.7.2014, 15:45;
Ответить: AtaELL
Сообщение
#2
|
|
А использования абсолютного позиционирования обязательное или Вам просто необходимо сделать такую разметку http://prntscr.com/45hxoo ?
|
|
|
danilchuk88
|
Сообщение
#3
|
|
Абсолютное позиционирование нужно чтоб контент был выше чем меню в коде, а отображался как обычно(меню слева, контент справа)
|
|
|
andreykashops |
23.7.2014, 16:09;
Ответить: andreykashops
Сообщение
#4
|
|
danilchuk88, нарисуйте схематично, как должно быть по примеру товарища AtaELL, я думаю вам нужно использовать position: relative;
-------------------- |
|
|
danilchuk88
|
Сообщение
#5
|
|
На сайте так:
в коде это так: 1 хедр, 2 меню, 3 контент, 4 футер По приведенному выше коду я добился того чтоб контент был выше в коде чем меню, т.е: 1 хедр, 2 контент, 3 меню, 4 футер. (отображение блоков на странице не меняется, это только в коде меню ниже контента). Проблема в том что футер позиционируется относительно хедера, и накладывается слоем на блоки "контент и меню". Нужно чтоб футер позиционировался относительно блока "контент" |
|
|
andreykashops |
23.7.2014, 17:11;
Ответить: andreykashops
Сообщение
#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 -------------------- |
|
|
danilchuk88
|
Сообщение
#7
|
|
UPD Забыл убрать position: absolute; Работает! Спасибо, то что надо) |
|
|
sasha_design |
24.7.2014, 16:32;
Ответить: sasha_design
Сообщение
#8
|
|
danilchuk88, Используйте Bootstrap - сам ленился его учить, но потом понял как я тупил) Там такие вещи делаются за 2 минуты)
-------------------- |
|
|
danilchuk88
|
Сообщение
#9
|
|
|
|
|
andreykashops |
25.7.2014, 19:02;
Ответить: andreykashops
Сообщение
#10
|
|
о движок? CSS фреймворк http://bootstrap-3.ru/ Сообщение отредактировал andreykashops - 25.7.2014, 19:02 -------------------- |
|
|
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Помогите вспомнить рекламного бота Телеграм для обмена рекламой | 0 | Mixatraider | 692 | 21.2.2024, 23:42 автор: Mixatraider |
|
Разработка/доработка сайтов Wordpress, HTML/CSS/JS Вёрстка, перенос на WP, правки |
9 | malamut | 3328 | 25.1.2024, 14:36 автор: malamut |
|
СОЗДАНИЕ : / САЙтЫ / ЛЕНДЫ / БОТЫ ТГ / ВАЙТЫ / КРЕО / СОФТЫ / ДИЗАЙН [PHP, JS, HTML/CSS] и другое | 5 | CULA | 3289 | 19.12.2023, 18:55 автор: CULA |
|
Веб-разработка (HTML, CSS) | 1 | ViktoriaFE | 6438 | 5.5.2021, 5:22 автор: bekett |
|
Разработка адаптивных вебсайтов. HTML/CSS/WordPress(сайты-визитки, лендинги, корпоративные сайты, интернет-магазины). | 0 | kozak199110 | 1652 | 3.3.2021, 12:22 автор: kozak199110 |
Текстовая версия | Сейчас: 28.3.2024, 14:32 |