Помощник
|
Позиционирование div'ов |
J@ME
|
Сообщение
#1
|
||
|
|
||
|
|||
СиДжей |
25.6.2010, 21:07;
Ответить: СиДжей
Сообщение
#2
|
|
Делаеться достаточно просто. Создай див в этот див вставь два блока и выровняй их по правому и левому краю. Тоесть центральным блоком будет этот самый основной блок.
|
|
|
J@ME
|
Сообщение
#3
|
|
Тогда при наличии в этот "основном" блоке элементов, растянутых на весь div, они останутся под дивами в углах. Текст-то, конечно, будет обтекать, но, например, border-bottom будет и дальше под div'ами продолжаться.
|
|
|
Marf7 |
2.2.2011, 20:34;
Ответить: Marf7
Сообщение
#4
|
|
|
Решние предложе но в другой теме пользователем HightinGlory
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <title>Test</title> <script type="text/javascript" src="jquery.js"></script> <style type="text/css"> *{ padding:0; margin:0; } html,body,.top{ height:100%; width:100%; } .middle{ float:left; overflow:hidden; width:100%; height:40px; } .conteiner{ padding:0 20px; height:40px; } .left{ background:#B5E3FF; float:left; margin-left:-100%; position:relative; width:20px; height:40px; } .right{ background:#FFACAA; float:left; margin-left:-20px; margin-right:-3px; position:relative; width:20px; height:40px; } .block{ background:#000; width:100%; height:100%; } </style> </head> <body> <div class="top"> <div class="middle"> <div class="conteiner"> <div class="block"></div> </div> </div> <div class="left"></div> <div class="right"></div> </div> </body> </html>
|
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Моя div-ная верстка соответствует ли стандартам Хотелось бы конструктивной критики |
10 | muratastana | 1527 | 14.1.2023, 1:16 автор: xweb |
|
DIV'ы в строку | 0 | RedEclipse | 5461 | 29.9.2016, 17:53 автор: -RedEclipse- |
|
при выборе radio в option не скрывались div | 0 | serj123 | 6927 | 17.4.2016, 17:45 автор: -serj123- |
|
Как заставить отображать несколько элементов DIV в одну строку? | 2 | Aalena | 3997 | 10.1.2016, 10:18 автор: -Aalena- |
|
Фоны в в div'ах расходятся при сужении экрана | 1 | Balalaaika1 | 5611 | 2.6.2015, 19:35 автор: -Degradator- |
Текстовая версия | Сейчас: 19.3.2024, 5:01 |