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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Помогите вспомнить рекламного бота Телеграм для обмена рекламой
0 Mixatraider 725 21.2.2024, 23:42
автор: Mixatraider
Открытая тема (нет новых ответов) Моя div-ная верстка соответствует ли стандартам
Хотелось бы конструктивной критики
10 muratastana 1593 14.1.2023, 1:16
автор: xweb
Открытая тема (нет новых ответов) Сверстать страницы из figma
нужно сделать страницы для веб приложения
1 bluestorm 1296 7.6.2022, 18:11
автор: doharddocode
Открытая тема (нет новых ответов) Помогите рещить проблему с монитором.
Почему низкое разрешение при подключении монитора через displayport?
0 Levels 1702 11.12.2020, 0:48
автор: Levels
Открытая тема (нет новых ответов) Нужно сверстать Landing Page
на HTML
0 Mr_SMO 983 18.8.2020, 19:35
автор: Mr_SMO


 



RSS Текстовая версия Сейчас: 19.4.2024, 6:23
Дизайн