Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 02.04.2013, 16:45
Новичок на форуме
Отправить личное сообщение для Mari_like Посмотреть профиль Найти все сообщения от Mari_like
 
Регистрация: 02.04.2013
Сообщений: 4

Адаптивная верстка.
Решила попробовать адаптивную верстку, но что-то не получается.
Макет: Шапка, левый сайдбар, и правый блок с фотографиями.
+ подвал. При сворачивании окна браузера, каждый блок должен стать друг под другом. Но блок с фото уходит под сайдбар. А подвал вообще улетел вверх.
Посмотрите пожалуйста код, что я делаю неправильно?

html,body{
height:100%;
width:100%;
overflow-y:auto;
position:relative;
font-size:87%;
font-family:Arial, Helvetica, sans-serif;
font-weight: normal;
background:url(../img/bg.png) repeat-x;
background-position: 100%;
}

header{
width:100%;
position: relative;
z-index: 2;
}


nav{
display: inline-block;
position: absolute;
left:0;
float:left;
width:250px;
height:auto;
padding-left:2.7%;
background:red;
}


article{
position:absolute;
right:0%;
overflow: hidden;
width:80%;

}

footer{
width:100%;
height:105px;
position:absolute;
top:0%;
z-index:2;
}
Ответить с цитированием
  #2 (permalink)  
Старый 02.04.2013, 16:54
Аватар для animhotep
Профессор
Отправить личное сообщение для animhotep Посмотреть профиль Найти все сообщения от animhotep
 
Регистрация: 17.01.2013
Сообщений: 887

нужно видеть структуру html
лучше в рабочем виде, например здесь http://learn.javascript.ru/play или здесь http://codepen.io/pen/
Ответить с цитированием
  #3 (permalink)  
Старый 02.04.2013, 16:59
Новичок на форуме
Отправить личное сообщение для Mari_like Посмотреть профиль Найти все сообщения от Mari_like
 
Регистрация: 02.04.2013
Сообщений: 4

http://learn.javascript.ru/play/4l3Xkc но без фото естественно
Ответить с цитированием
  #4 (permalink)  
Старый 02.04.2013, 18:03
Аватар для animhotep
Профессор
Отправить личное сообщение для animhotep Посмотреть профиль Найти все сообщения от animhotep
 
Регистрация: 17.01.2013
Сообщений: 887

не пойму в чём там адаптивность, если нужно чтоб на определённой ширине что-то кудато уехало можно юзать http://htmlbook.ru/css/value/media с их помощью можно писать новые стили для определённой ширины
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
верстка блеать torsar (X)HTML/CSS 6 26.02.2013 12:15
При установке CSS для Body "overflow: hidden" съезжает верстка, в чем дело? Slevin Kelevra Общие вопросы Javascript 18 08.07.2012 20:27
Требуется верстка с использованием bootstrap projectdev2012 Работа 0 31.03.2012 19:35
Верстка в две колонки greatilya (X)HTML/CSS 8 05.08.2011 00:40
верстка под 17 дюймовый монитор Артем125 (X)HTML/CSS 8 20.08.2010 23:09