andreyua
-
Posts
4 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by andreyua
-
Высота DIV-а должна быть равна высоте справа расположенного большего DIV-а
andreyua replied to andreyua's question in HTML Coding
Спасибо всем. Дело в том, что это не макет страницы, а некий блок с данными спрятанный где то далеко внутри страницы . И "height: 100%;" для body, html я навел лишь в качестве примера, я так понял он роли все равно не сыграет. Вариант к сожалению не подойдет, так как может быть, что и правому блоку придется подстраиваться под левый. Да и если заполняешь левый, то он правый вниз смещается... Не хотелось бы через JS. Неужели я попал ? Через таблицы делать ? -
Высота DIV-а должна быть равна высоте справа расположенного большего DIV-а
andreyua replied to andreyua's question in HTML Coding
Не могу , в том то и дело. Количество строк текста динамически изменяется ... -
Код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru"> <head> <title>test</title> <style type="text/css"> html { height: 100%; margin: 0; padding: 0; /*background: #fa0;*/ } body { height: 100%; margin: 0; padding: 0; background: #ccc; padding: 0 15px } </style> </head> <div style="border: 1px solid #990099;"> <div style="height:100%;width:50%;float:left;"> <div style="height:100%;border: 1px solid #3187BD;"> БЛОК А </div> </div> <div style="height:100%;width:50%;float:right;"> <div style="height:100%; border: 1px solid #3187BD;"> БЛОК Б <ul> <li>Тексты, Тексты, Тексты, Тексты, Тексты, Тексты, Тексты</li> <li>Тексты, Тексты, Тексты, Тексты, Тексты, Тексты, Тексты</li> <li>Тексты, Тексты, Тексты, Тексты, Тексты, Тексты, Тексты</li> <li>Тексты, Тексты, Тексты, Тексты, Тексты, Тексты, Тексты</li> </ul> </div> </div> <div style="clear:both"> </div> </div> </html> Что нужно сделать, чтобы высота "БЛОКА А" равнялась высоте "БЛОКА Б" ?
-
Имеется код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="ru" xml:lang="ru"> <head> <title>Позиционирование</title> <style type="text/css"> <!-- html, body { margin: 0px; padding: 0px; border: 0px; } body { color: #000; background: #fff; } div { width: 150px; height: 150px; padding: 20px; border: dashed 3px; } #first { background: #ccf0ff; border-color: #0cf; } #second { position: relative; top: 0px; left: 0px; background: #fff0cc; border-color: #fc0; } #third { background: #ccfff0; border-color: #0fc; top: 0px; left: 0px; position: absolute; } --> </style> </head> <body> <div id="first">Первый блок</div> <div id="second">Второй блок <div id="third" style="width:50px;height:50px";>Третий блок</div> </div> </body> </html> На выходе: Как сделать так: чтобы позионирование 3-го блока через "top" осуществлялось по отношению к <body>, а не по отношению к второму блоку (то есть блок 3 был в самом вверху, как и первый блок). Значение #second.position изменять нельзя !. Да и, #third {position:fixed} - тоже не подходит !