X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> помогите сверстать div и float
exit_hb
exit_hb
Topic Starter сообщение 24.2.2014, 0:59; Ответить: exit_hb
Сообщение #1


помогите сверстать
нужно, что бы Layer 3 при уменьшении отношения сторон экрана падал под Layer 2 и в нем соответственно выравнивались по центру блоки Layer 4.
[attachment=40106:Drawing1.gif]
в CSS примерно следующее:
[CSS].layer1 {
text-align: center;
max-width: 1000px;
padding: 0px;
margin: 0px;
}
.layer2 {
width: 780px;
margin: 0px;
}
.layer3 {
float: right;
text-align: center;
padding: 0px;
margin: 0px;
}
.layer4 {
width: 220px;
margin: 0px;
}[/CSS]

при выравнивании layer3 float: right; блоку нужно задавать ширину в 220px и когда он падает, он все ровно остается справа. максимальная ширина layer3 должна быть 780px
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Azazaza_hb
Azazaza_hb
сообщение 24.2.2014, 2:37; Ответить: Azazaza_hb
Сообщение #2


.layer2 {
float:left;width: 780px;
margin: 0px;
}
.layer3 {
text-align: center;
padding: 0px;
margin: 0px;
}
.layer4 {
display:inline-block;

width: 220px;
margin: 0px;
}
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
exit_hb
exit_hb
Topic Starter сообщение 24.2.2014, 10:24; Ответить: exit_hb
Сообщение #3


(Azazaza_hb @ 24.2.2014, 05:37) *
.layer2 {
float:left;width: 780px;
margin: 0px;
}
.layer3 {
text-align: center;
padding: 0px;
margin: 0px;
}
.layer4 {
display:inline-block;

width: 220px;
margin: 0px;
}


Тогда layer2 всегда будет ровняться по левому краю, а не по центру.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Azazaza_hb
Azazaza_hb
сообщение 24.2.2014, 16:19; Ответить: Azazaza_hb
Сообщение #4


кросс-браузерный адаптивный дизайн при помощи HTML5 и CSS3 media queries - http://habrahabr.ru/post/119127/

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Помогите болвану обновить видеокарту :-)
16 club-16 846 22.3.2021, 0:04
автор: adamsadriane
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыПомогите подобрать HTML редактор
20 Serapion 1554 17.3.2021, 20:34
автор: dima280
Открытая тема (нет новых ответов) Помогите выбрать домен
11 Bustle_hb 13163 4.3.2021, 23:19
автор: Filadelso
Открытая тема (нет новых ответов) Помогите рещить проблему с монитором.
Почему низкое разрешение при подключении монитора через displayport?
0 Levels 543 11.12.2020, 0:48
автор: Levels
Открытая тема (нет новых ответов) Нужно сверстать Landing Page
на HTML
0 Mr_SMO 452 18.8.2020, 19:35
автор: Mr_SMO


 



RSS Текстовая версия Сейчас: 12.4.2021, 9:47
Дизайн