Горизонтальный скролл бар в ФФ
Всем привет!
Столкнулся с непонятным скролл баром в ФФ, а именно - есть страничка которую я использую для вставки в iframe на другой странице, вот её код: <html> <head> <title>Main Frame</title> <style> table {margin: 0px; padding: 0px} tr {margin: 0px; padding: 0px} td {margin: 0px; padding: 0px} td.banner {border-style: solid; border-width: 1px; border-color: #BCBEC0; margin: 0px; padding: 0px} td.underline {border-style: solid; border-width: 0px 0px 1px 0px; border-color: #BCBEC0; margin: 0px; padding: 0px} </style> </head> <body style="margin: 0px; padding: 0px"> <table id="main_frame" style="position: relative; width: 818px" cellspacing="0"> <tr style="height: 20px"><td colspan="2"> </td></tr> <tr> <td id="news_col" style="width: 265px; height: 420px" align="center"> NEWS HERE </td> <td id="photo_col" style="width: 551px; border-style: solid; border-width: 1px; border-color: #BCBEC0" align="center"> PHOTO HERE </td> </tr> <tr style="height: 20px"><td colspan="2" class="underline"> </td></tr> <tr style="height: 20px"><td colspan="2"> </td></tr> <tr style="height: 38px; width: 818px"> <td colspan="2"> <table width="100%" height="100%" cellspacing="0"><tr> <td id="ban1" width="189px" align="center" class="banner">banner1</td> <td width="18px"></td> <td id="ban2" width="189px" align="center" class="banner">banner2</td> <td width="18px"></td> <td id="ban3" width="189px" align="center" class="banner">banner3</td> <td width="18px"></td> <td id="ban4" width="189px" align="center" class="banner">banner4</td> </tr></table> </td> </tr> </table> <script> var elem = document.getElementById("main_frame") elem.style.left = Math.floor(document.body.clientWidth/2) - parseInt(elem.style.width)/2 + 'px' </script> </body> </html> Суть проблемы - в Фаерфоксе для этой страницы появляется горизонтальная полоса прокрутки, которой по идее там быть не должно (в Опере и ИЕ прокрутки нет), при этом прописать scrolling="no" в iframe я не могу, т.к. мне там нужна вертикальная прокрутка, кто-нибудь может подсказать почему ФФ пихает сюда полосу прокрутки? Или как убрать только горизонтальную прокрутку, оставив вертикальную? Заранее спасибо :) |
Цитата:
<script> var elem = document.getElementById("main_frame") elem.style.left = Math.floor(document.body.clientWidth/2) - parseInt(elem.style.width)/2 + 'px' </script> |
Kepa, центрировать нужно уметь вёрсткой, а не скриптами... Добавь себе вот это
<!DOCTYPE html> <html> ... <style> ... #main_frame { margin-left: auto; margin-right: auto; } <.style> ... И будет тебе счастие... |
Спасибо, работает (:
Дамс, надо про таблицы стилей поподробней почитать... |
Часовой пояс GMT +3, время: 12:41. |