Jump to content

Andrewvp

Newbie
  • Posts

    9
  • Joined

  • Last visited

Andrewvp's Achievements

Explorer

Explorer (1/14)

0

Reputation

  1. "Рабочим" был второй вариант первый - нет.
  2. Ага, теперь дошло. Во-первых, абсолютно позиционированному элементу плевать на размеры родителя. Сначала проверяйте. Решение довольно простое: div { position: absolute; border: 1px solid #000; left: 0; right: 0; } Совсем забыл, что в FF можно позиционировать две точки div, в отличие от IE Всем спасибо
  3. Не работает! бордер элемента, который абсолютно позиционирован, находится за пределами окна: <!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" xml:lang="ru" lang="ru"> <head> <meta http-equiv='content-type' content='text/html; charset=windows-1251' /> <style type='text/css'> * { margin: 0; padding: 0;} div.relative { position: relative; border: 1px solid blue; height: 100px; } div.absolute { position: absolute; height: 100px; width: 100%; border: 1px solid red; } </style> </head> <body> <div class="relative"> <div class="absolute">ABSOLUTE</div> </div> </body> </html> на скриншоте видно, что правая красная граница находится за пределами окна:
  4. Не работает Следующая страница: <?xml version="1.0" encoding="windows-1251"?> <!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" xml:lang="ru" lang="ru"> <head> <meta http-equiv='content-type' content='text/html; charset=windows-1251' /> <style type='text/css'> html { overflow: hidden; width: 100%; } .mainBodyBG { background-color: #EFEFEF; overflow: hidden; padding: 0; margin: 0; width: 100%; height: 100%; } .topComponent { border-style: solid; border-width: 1px; border-color: red; position: absolute; height: 100px; top: 0; left: 0; overflow: visible; } .topComponentContent { border-style: solid; border-width: 1px; border-color: blue; position: absolute; height: 98px; overflow: visible; } .topBanner { position: absolute; border-style: none; top: 10px; left: 512px; } </style> </head> <body class='mainBodyBG'> <div style="width: 100%; position: absolute; top: 0; left: 0"> <div class='topComponent' id="header"> <div class='topComponentContent' id="header_content"> <a href='http://www.donor.org.ua/index.php?module=help' class='topBanner'> <img alt="" src='banner/donor_2.gif' /></a> </div> </div> </div> </body> </html> В FF 3.0 результат не достигнут - рамки div внутри страницы сворачиваются до нулевого размера
  5. А если div содержит только абсолютно позиционируемые элементы? Тогда FF отрисовывает его с нулевым размером.
  6. Ну это понятно, но как сделать так, чтобы граница "входила" в эти 100%? Короче говоря, как отобразить div в firefox с рамками на ширину окна браузера?
  7. Такой вот стиль: #header { position: absolute; top: 0; left: 0; width:100%; height: 100px; border-style: solid; border-width: 1px; border-color:red; } правая граница в FF (3.0) находится за пределами экрана. Чего ему, лису, добавить?
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy