Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В. PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Почему в ie вылазит справа белая полоса?
 
 автор: kulibko   (09.02.2008 в 17:43)   письмо автору
 
 

Подскажите пожалуйста почему то что в диве не на 100% в ие в ширину разлазится?

<html>
<body>
<div style="margin: 0px; padding: 0px; position:absolute; top:0px; left:0px; background:red; color:white; width: 100%; border: 1px solid black;">xxx</div>
<p>html</p>
</body>
</html>

   
 
 автор: CNTv2.0   (09.02.2008 в 17:51)   письмо автору
 
   для: kulibko   (09.02.2008 в 17:43)
 

Справа - зарезервировано место под вертикальный скроллбар.
Если надо убрать, то пропишите в стилях к тегу body правило oveflow: hidden.
(Можно и просто атрибут srcroll="no", но не все браузеры его понимают).
Но помните, что тогда клиент может не увидеть часть вашей
страницы (если у него ваш файл вдруг будет открыт в маленьком окне).
И может даже не догадаться, что там (за границами окна) что-то ещё есть.

   
 
 автор: kulibko   (09.02.2008 в 18:05)   письмо автору
 
   для: CNTv2.0   (09.02.2008 в 17:51)
 

Не. Оно убрало саму прокрутку, но полоса справа так и осталась.

<html>
<head>
<style>
body{
    overflow: hidden;
    background-color: green;
}
</style>
</head>
<body>
<div style="margin: 0px; padding: 0px; position:absolute; top:0px; left:0px; background:red; color:white; width: 100%; border: 1px solid black; ">xxx</div>
<p>html</p>
</body>
</html>



Сделал так:

<html>
<head>
<style>
body{
    margin: 0px;
    padding: 0px;
}
</style>
</head>
<body>
<div style="margin: 0px; padding: 0px; position:absolute; top:0px; left:0px; background:red; color:white; width: 100%; border: 1px solid black; ">xxx</div>
<p>html</p>
</body>
</html>


Полоса исчезла. Но можно ли добиться того же, при условии что я не могу изменять стили, но вместо

<div style="margin: 0px; padding: 0px; position:absolute; top:0px; left:0px; background:red; color:white; width: 100%; border: 1px solid black; ">xxx</div>


могу ставить все что угодно?

Пробовал делать так:

<div style="margin: 0px; padding: 0px;">
<div style="margin: 0px; padding: 0px; position:absolute; top:0px; left:0px; background:red; color:white; width: 100%; border: 1px solid black; ">xxx</div>
</div>


Не помогло.


Апдейт:
Так работает:
<body>
first
<style>
body {margin: 0px; 
padding: 0px;
}
</style>
<div style="margin: 0px; padding: 0px; position:absolute; top:0px; left:0px; background:red; color:white; width: 100%; border: 1px solid black; ">xxx</div>
<p>second</p>
</body>


Т.е. вопрос следующий: такой код корректен?

   
 
 автор: AlexSol   (09.02.2008 в 18:35)   письмо автору
 
   для: kulibko   (09.02.2008 в 18:05)
 

с
<style>
body {margin: 0px;
padding: 0px;
}
</style>

можете вставить его в ваш див, необязвтельно в head страницы

   
 
 автор: kulibko   (09.02.2008 в 18:41)   письмо автору
 
   для: AlexSol   (09.02.2008 в 18:35)
 

Спасибо :)

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования