Помощник
|
2а DIV'а прижаты к низу экрана |
diakon
|
Сообщение
#1
|
||
|
|
||
|
|||
Degradator |
2.11.2015, 11:10;
Ответить: Degradator
Сообщение
#2
|
|
bottom: 0
|
|
|
diakon
|
Сообщение
#3
|
|
|
|
|
Den1xxx |
3.11.2015, 5:29;
Ответить: Den1xxx
Сообщение
#4
|
|
|
bottom: 0 Повтыкал во все классы, но ничего не изменилось Position самих блоков должна быть relative или absolute, иначе bottom не сработает. По умолчанию position:static А .wrap не имеет всю высоту страницы, потому что корневые body и html меньше. Мало того, вообще код может не работать, потому что ошибки: не закрыты html и body Должно быть как-то так: http://jsfiddle.net/Den1xxx/t47o7z5c/1/ <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="language" content="en" /> <style type="text/css"> html,body{ width: 100%; height: 100%; padding:0; margin:0; } .wrap { min-height: 100%; background: #555; } .left, .right { width: 50%; bottom:0; position: absolute; height: 100px; text-align: center; line-height:100px; } .left { left:0; background: green; } .right { right:0; background: pink; height: 200px; } </style> </head> <body> <div class="wrap"> <div class="left"><a href="#">Левый блок</a></div><div class="right"><a href="#">Правый блок</a></div> </div> </body> </html>
|
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
От какого экрана будут меньше уставать глаза OLED или IPS? | 3 | metvekot | 984 | 12.3.2024, 16:25 автор: MisterBit |
|
Подборка экрана к ноутбук | 12 | L1nk_321 | 2534 | 5.3.2024, 14:10 автор: AlenaHead |
|
Моя div-ная верстка соответствует ли стандартам Хотелось бы конструктивной критики |
10 | muratastana | 1545 | 14.1.2023, 1:16 автор: xweb |
|
Прижать к низу экрана | 2 | sergei_burg | 5390 | 2.9.2018, 23:17 автор: -dkflbr- |
|
DIV'ы в строку | 0 | RedEclipse | 5463 | 29.9.2016, 17:53 автор: -RedEclipse- |
Текстовая версия | Сейчас: 29.3.2024, 19:57 |