Проблема с FireFox

«««one»»» · March 22, 2010

Опять прошу помощи

В общем появляется горизонтальный скролл при сужении в фф...

нужно чтоб желтые блоки заходили за границы браузера или быть резиновыми и сужаться... на их место в оригинале идут картинки которые появляются только при растягивании окна... при сужении они должны заходить за границы.

тупо отслеживать скриптом фф и отключать ему горизонтальный скролл как то не вариант совсем =))))

<!DOCTYPE HTML PUBLIC  "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Untitled Document</title>
<STYLE type="text/css">
HTML, BODY {height:100%; position:relative;}
BODY {background-color: #FFFFFF;}
body,div,ul,ol,li,form,table,tr,td,p,span,b,i,input,textarea {margin: 0; padding: 0; /*outline: none;*/}

* html .menu {padding-left:400px; width: expression(document.body.clientWidth > 800? "800px": "auto");}
* html .minwidth {height:0;}
* html .container {margin-left:-400px; position:relative; height:0;}

.one {min-width: 400px; max-width: 800px; padding: 0 25 0 25; height:100%; background-color:#CCC;}

.b_l {background: #FF0; background-position: right; left:-141px; display: inline-block;}
.b_r {background: #FF0; background-position: right; right:-141px; display: inline-block;}

.b_l, .b_r {position:relative; height:135px; width:141px; background-repeat: no-repeat; top:0px;}

</STYLE>
</head>

<body>

<CENTER>

  <DIV class="menu">
	<DIV class="minwidth">
	  <DIV class="container">

	  <TABLE width="92%" cellpadding="0" cellspacing="0" class="one" height="100%">
		<TR>
		  <TD valign="top">

		  <BR><BR><BR><BR><BR>
			<TABLE width="100%" cellpadding="0" cellspacing="0" align="center">
			  <TR>
				<TD nowrap height="135" bgcolor="#FF33CC">

				<DIV style="width: 100%;">

				<DIV class="b_l"></DIV>

				</DIV>

				</TD>

				<TD nowrap width="100" height="135" bgcolor="#CC9900">
				</TD>

				<TD nowrap align="right" height="135" bgcolor="#FFCCFF">

				<DIV style="width: 100%;">

				<DIV class="b_r"></DIV>

				</DIV>
				</TD>
			  </TR>
			</TABLE>
			<BR><BR><BR><BR>
			5645645645645645645646
			<BR><BR><BR><BR>
		  </TD>
		</TR>
	  </TABLE>			

	  </DIV>
	</DIV>
  </DIV>

</CENTER>

</body>
</html>

Searcher · March 22, 2010

У вас фиксированный дизайн, сделайте фон для боди и расположите его в середине.

Ну и вообще. Такое таблицами делать - прошлый век.

«««one»»» · March 22, 2010

фон для боди не нужен... нужно именно так как описано выше =)

таблицами быстрее было сделать пример =)

фон для боди не нужен... нужно именно так как описано выше =)

таблицами быстрее было сделать пример =)

«««one»»» · March 23, 2010

Если быть точным то проблема именно в этой строке... фф3 как то не так понимает инлайн-блок... хотя с левой стороны все нормально работает...

.b_r {background: #FF0; background-position: right; right:-141px; display: inline-block;}

s0rr0w · March 23, 2010

Если быть точным то проблема именно в этой строке... фф3 как то не так понимает инлайн-блок... хотя с левой стороны все нормально работает...
.b_r {background: #FF0; background-position: right; right:-141px; display: inline-block;}

Все он понимает. Мало того, еще и правильно показывает.

psywalker · March 23, 2010

Все он понимает. Мало того, еще и правильно показывает.

Точно!

«««one»»» · March 23, 2010

ну дык подскажите тогда, что я не так делаю?

«««one»»» · March 24, 2010

http://www.mozilla.com/ru/firefox/3.6.2/whatsnew/

и вы ещё будете говорить про безглючность ФФ =))))

посмотрите потом в других браузерах эту страничку =))) особенно в ИЕ =)))

я так понимаю ФФ не до конца решили проблему с инлайн-блоком =)

s0rr0w · March 24, 2010

http://www.mozilla.com/ru/firefox/3.6.2/whatsnew/
и вы ещё будете говорить про безглючность ФФ =))))
посмотрите потом в других браузерах эту страничку =))) особенно в ИЕ =)))

Посмотрел. Что я там должен был увидеть эдакого? Закругляши у блоков сделаны через проприетарные свойства. Остальные браузеры про них просто не знают, но не значит, что они их не понимают. ИЕ - тупой болван, поэтому не удивительно, что он так показывает.

я так понимаю ФФ не до конца решили проблему с инлайн-блоком =)

На основании каких фактов вы сделали свои гениальные выводы?

Searcher · March 24, 2010

сравнивать надо со спецификацией, а не с недобраузерами типа ИЕ...

«««one»»» · March 24, 2010

почему тогда в опере и ие нормально работает, а в фф с этим инлайн-блоком проблемы?

и на сколько я знаю в фф только в 3-й версии решили решить проблему с инлайн-блоком.... но видать не до конца решили... посмотрите на код выше в фф... в других браузерах смотреть не обязательно, проблема только в ФФ...

а это после обновления ФФ у меня так показывать стало... на других компах такая же фигня в ФФ. =)

http://www.fayloobmennik.net/9008

s0rr0w · March 24, 2010

почему тогда в опере и ие нормально работает, а в фф с этим инлайн-блоком проблемы?
и на сколько я знаю в фф только в 3-й версии решили решить проблему с инлайн-блоком.... но видать не до конца решили... посмотрите на код выше в фф... в других браузерах смотреть не обязательно, проблема только в ФФ...

Не могу понять, что вам не нравится? Ваш код показывается абсолютно по-разному во всех браузерах. И ответить однозначно, кто показывает правильно, я на данный момент не могу.

а это после обновления ФФ у меня так показывать стало... на других компах такая же фигня в ФФ. =)

Аналогично показывается в опере, хроме, сафари

«««one»»» · March 24, 2010

то что криво в других браузерах это пофиг (нужно именно ФФ)... верстка сделана чтоб показать основную проблему со скроллом.... желтые блоки должны либо заходить за границы браузера либо сужаться и чтоб не было горизонтального скролла в примере видно что только левая часть(желтым цветом) отрабатывает нормально... а правая не хочет. Поделайте ресайз окну в ширину =) правый блок будет выпирать...

Edited March 24, 2010 by «««one»»»

s0rr0w · March 24, 2010

то что криво в других браузерах это пофиг (нужно именно ФФ)... верстка сделана чтоб показать основную проблему со скроллом.... желтые блоки должны либо заходить за границы браузера либо сужаться и чтоб не было горизонтального скролла в примере видно что только левая часть(желтым цветом) отрабатывает нормально... а правая не хочет. Поделайте ресайз окну в ширину =) правый блок будет выпирать...

Данное поведение описано в спеке как правильное.

«««one»»» · March 24, 2010

а как тогда быть? есть какая либо альтернатива этому?

и где можно почитать про данное поведение? можно ссылку?

Edited March 24, 2010 by «««one»»»

s0rr0w · March 24, 2010

а как тогда быть? есть какая либо альтернатива этому?
и где можно почитать про данное поведение? можно ссылку?

http://www.w3.org/TR/CSS21/visudet.html#ab...-replaced-width

«««one»»» · March 26, 2010

Обсуждение закончилось, а проблема осталась

Searcher · March 26, 2010

Повторяю. Альтернатива: сделать картинкой эти области и в бэкграунд боди её.

«««one»»» · March 26, 2010

Эти картинки должны прилипать к краям сайта... сайт резиновый в примере видно же это... макс и мин когда ширина сайта достигает минимальной ширины эти картинки должны уходить за границы браузера...

s0rr0w · March 26, 2010

Эти картинки должны прилипать к краям сайта... сайт резиновый в примере видно же это... макс и мин когда ширина сайта достигает минимальной ширины эти картинки должны уходить за границы браузера...

Background'ом делайте

«««one»»» · March 26, 2010

Как вы себе это представляете? допустим минимум идет 400px а максимум 800px а ширина прилипающих картинок допустим 100px... где по вашему они тогда будут находится при ширине сайта в 800px и при 400px? эти прилипающие картинки движутся при растягивании сайта... они ну никак не могут быть на одном месте в боди бакграундом...

s0rr0w · March 26, 2010

Как вы себе это представляете? допустим минимум идет 400px а максимум 800px а ширина прилипающих картинок допустим 100px... где по вашему они тогда будут находится при ширине сайта в 800px и при 400px? эти прилипающие картинки движутся при растягивании сайта... они ну никак не могут быть на одном месте в боди бакграундом...

А кто вам запрещает отпозиционировать фон так, чтобы он был на том месте, где у вас и указано? Да, задача непростая, но реализуемая.

Sign In

Проблема с FireFox

Question

Link to comment

Share on other sites

21 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information