artuska
-
Posts
4 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by artuska
-
как растянуть на 100% div-блок (position:absolute;)?
artuska replied to artuska's question in HTML Coding
Ну да, осталась, просто попросили пример кода в студию, вот я его и написал... Вот так работает в Мозилле корректно, в IE все равно не растягивается до низа... <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>div</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <style type="text/css"> #box { width:100px; //height:100%; /* для IE */ position:absolute; top:100px; left:100px; bottom:0px; /* для Мозиллы */ border: #000 1px solid; /* чтоб сразу видно было) */ } </style> </head> <body> <div id="box">aaa</div> </body> </html> -
как растянуть на 100% div-блок (position:absolute;)?
artuska replied to artuska's question in HTML Coding
А еще, вот если я этот див (id="box") положу внутрь еще одного дива, то див id="box" вообще не будет растягиваться в высоту - только по высоте строчек!!! <div> <div id="box">aaa</div> </div> Тута он вообще не растягивается по высоте.((( -
как растянуть на 100% div-блок (position:absolute;)?
artuska replied to artuska's question in HTML Coding
Да и зачем тут пример? Разве никогда не приходилсь растягивать позиционированный по абсолютным координатам слой на 100%? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>div</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <style type="text/css"> #box { width:100px; height:100%; position:absolute; top:100px; left:100px; border: #000 1px solid; } </style> </head> <body> <div id="box">aaa</div> </body> </html> Вот, здесь все простенько и ясненько... -
В общем, проблема такова: есть div-блок, котрый позиционирован по абсолютным координатам, допустим, слева:100px и сверху:100px; Мне нужно его растянуть до низа страницы - т.е. сделать высоту:100%. Пишу, значит: height:100%; и происходит следующее: этот div-блок "вылезает" за низ экрана ровно на столько, на сколько я его отодвинул сверху - на 100px!!! Что делать? Может я изначально неправильно делаю? Как растянуть этот блок ровно до низа экрана? А, еще, доктайп: quot;-//W3C//DTD HTML 4.01 Transitional//EN"> В IE этот прикол со 100% работает корректно - ниче никуда не вылазит, а в Мозилле глюки - вылазит!