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



 

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

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

Открыть тему
Тема закрыта
> И снова DIV-ы
Dimasick
Dimasick
Topic Starter сообщение 19.6.2015, 18:59; Ответить: Dimasick
Сообщение #1


1. Есть в документе резиновый div-1 (position: relative), который в принципе может гулять при ресайзе окна браузера и при других условиях. Нужно в этом же документе создать div-2 (position: absolute; z-index:10), который всегда был бы "приклеен" снизу к div-1 и при этом, чтобы оба дива имели общую вертикальную ось симметрии. Важно, чтобы div-1 имел "position: relative", а div-2 имел "position: absolute; z-index:10".

2. Такой же вопрос, но вместо div-1 выступает обычная таблица (ее вставлять в div или другой контейнер - нельзя, добавлять новые строки тоже нельзя).
[attachment=40826:div.JPG]
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Degradator
Degradator
сообщение 22.6.2015, 14:30; Ответить: Degradator
Сообщение #2


горизонтальное выравниваени делается так
<div class="wrapper">
<div class="relative"></div>
<div class="absolute"></div>
</div>

.wrapper, .relative{
position: relative;
}
.absolute: {
position: absolute;
}

.relative, .absolute{
left: 50%;
}
.relative{
width: 200px;
margin-left: -100px;
}
.absloute{
width: 160px;
margin-left: -80px;
}

Но если у тебя какая-то резиновая верстка, и размеры нельзя задать в пикселах или процентах, то придется писать js, или испольщовать media-query

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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Моя div-ная верстка соответствует ли стандартам
Хотелось бы конструктивной критики
10 muratastana 1545 14.1.2023, 1:16
автор: xweb
Открытая тема (нет новых ответов) Wap снова торт - minion.help
1 MinionTeam 3788 5.2.2020, 14:30
автор: MinionTeam
Открытая тема (нет новых ответов) Wap снова торт! Доход от 200 руб за 1000 хостов.
0 xmasteer 1280 4.2.2020, 16:52
автор: xmasteer
Горячая тема (нет новых ответов) Старый добрый копирайтер! Снова в теме
121 bourgeois 49712 17.11.2019, 17:21
автор: 0pium
Открытая тема (нет новых ответов) DIV'ы в строку
0 RedEclipse 5463 29.9.2016, 17:53
автор: -RedEclipse-


 



RSS Текстовая версия Сейчас: 29.3.2024, 4:01
Дизайн