Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   Горизонтальный скролл бар в ФФ (https://javascript.ru/forum/xhtml-html-css/13886-gorizontalnyjj-skroll-bar-v-ff.html)

Kepa 18.12.2010 22:01

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

Столкнулся с непонятным скролл баром в ФФ, а именно - есть страничка которую я использую для вставки в 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 я не могу, т.к. мне там нужна вертикальная прокрутка, кто-нибудь может подсказать почему ФФ пихает сюда полосу прокрутки? Или как убрать только горизонтальную прокрутку, оставив вертикальную?

Заранее спасибо :)

ksa 18.12.2010 22:09

Цитата:

Сообщение от Kepa
почему ФФ пихает сюда полосу прокрутки?

Это делаетне ФФ, а твой скрипт

<script>
	var elem = document.getElementById("main_frame")
	elem.style.left = Math.floor(document.body.clientWidth/2) - parseInt(elem.style.width)/2 + 'px'
</script>

ksa 18.12.2010 22:13

Kepa, центрировать нужно уметь вёрсткой, а не скриптами... Добавь себе вот это

<!DOCTYPE html>
<html>
...
<style>
...
#main_frame {
	margin-left: auto;
	margin-right: auto;
}
<.style>
...

И будет тебе счастие...

Kepa 18.12.2010 22:44

Спасибо, работает (:

Дамс, надо про таблицы стилей поподробней почитать...


Часовой пояс GMT +3, время: 03:24.