Показать сообщение отдельно
  #1 (permalink)  
Старый 18.12.2010, 22:01
Интересующийся
Отправить личное сообщение для Kepa Посмотреть профиль Найти все сообщения от Kepa
 
Регистрация: 05.12.2010
Сообщений: 27

Горизонтальный скролл бар в ФФ
Всем привет!

Столкнулся с непонятным скролл баром в ФФ, а именно - есть страничка которую я использую для вставки в 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">&nbsp;</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">&nbsp;</td></tr>
			<tr style="height: 20px"><td colspan="2">&nbsp;</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 я не могу, т.к. мне там нужна вертикальная прокрутка, кто-нибудь может подсказать почему ФФ пихает сюда полосу прокрутки? Или как убрать только горизонтальную прокрутку, оставив вертикальную?

Заранее спасибо
Ответить с цитированием