«««one»»»
Newbie-
Posts
16 -
Joined
-
Last visited
«««one»»»'s Achievements
Explorer (1/14)
0
Reputation
-
Как вы себе это представляете? допустим минимум идет 400px а максимум 800px а ширина прилипающих картинок допустим 100px... где по вашему они тогда будут находится при ширине сайта в 800px и при 400px? эти прилипающие картинки движутся при растягивании сайта... они ну никак не могут быть на одном месте в боди бакграундом...
-
Эти картинки должны прилипать к краям сайта... сайт резиновый в примере видно же это... макс и мин когда ширина сайта достигает минимальной ширины эти картинки должны уходить за границы браузера...
-
Обсуждение закончилось, а проблема осталась
-
а как тогда быть? есть какая либо альтернатива этому? и где можно почитать про данное поведение? можно ссылку?
-
то что криво в других браузерах это пофиг (нужно именно ФФ)... верстка сделана чтоб показать основную проблему со скроллом.... желтые блоки должны либо заходить за границы браузера либо сужаться и чтоб не было горизонтального скролла в примере видно что только левая часть(желтым цветом) отрабатывает нормально... а правая не хочет. Поделайте ресайз окну в ширину =) правый блок будет выпирать...
-
почему тогда в опере и ие нормально работает, а в фф с этим инлайн-блоком проблемы? и на сколько я знаю в фф только в 3-й версии решили решить проблему с инлайн-блоком.... но видать не до конца решили... посмотрите на код выше в фф... в других браузерах смотреть не обязательно, проблема только в ФФ... а это после обновления ФФ у меня так показывать стало... на других компах такая же фигня в ФФ. =) http://www.fayloobmennik.net/9008
-
http://www.mozilla.com/ru/firefox/3.6.2/whatsnew/ и вы ещё будете говорить про безглючность ФФ =)))) посмотрите потом в других браузерах эту страничку =))) особенно в ИЕ =))) я так понимаю ФФ не до конца решили проблему с инлайн-блоком =)
-
ну дык подскажите тогда, что я не так делаю?
-
Если быть точным то проблема именно в этой строке... фф3 как то не так понимает инлайн-блок... хотя с левой стороны все нормально работает... .b_r {background: #FF0; background-position: right; right:-141px; display: inline-block;}
-
фон для боди не нужен... нужно именно так как описано выше =) таблицами быстрее было сделать пример =) фон для боди не нужен... нужно именно так как описано выше =) таблицами быстрее было сделать пример =)
-
Опять прошу помощи В общем появляется горизонтальный скролл при сужении в фф... нужно чтоб желтые блоки заходили за границы браузера или быть резиновыми и сужаться... на их место в оригинале идут картинки которые появляются только при растягивании окна... при сужении они должны заходить за границы. тупо отслеживать скриптом фф и отключать ему горизонтальный скролл как то не вариант совсем =)))) <!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>
-
Под Ие исправил zoom:0; =) Ещё раз огромное спасибо =) я теперь догнал как надо было делать =))))
-
под ИЕ8 правда косяк... но попробую сам решить проблему
-
klierik Работает спасибо огромное тебя можно смело называть маньяком верстки =)))))
-
Verder большое спасибо, но это не то... в "блоке 1" и "блоке 3" будет контент располагатся... а "блок 2" должен позиционироваться относительно центра, никак иначе, по другому он смещается при растягивании всего сайта... высота блоков плавающая... в зависимости от контента... повторюсь... дело в том что сайт резиновый и отображается по центру браузера... имеет максимальную и минимальную ширину... и вся верстка позиционируется относительно центра окна браузера... я перерыл кучу материала, но подобного нигде не видел... т.е. эти блоки должны быть резиновыми, кроме "блока 2" и позиционироваться относительно центра