Jump to content

guvatara

User
 View Profile  See their activity

  • Posts

    170

  • Joined

  • Last visited

 Content Type 

Everything posted by guvatara

  1. guvatara
    Есть такая проблема. Есть центральная часть страницы есть логотип (спозиционированый относительно центральной части) И есть куча пнг картинок в дивах (их много в центральный див они не влезают). причем позиционирование от центральной части расчитано что при разных разрешениях будет видно разное количество картинок. Т.е. при 1024х768 5, при 1280х1024 9, при большем больше. Так вот проблема в том что если позиционировать в правую сторону, то появляется скролинг. Пытался через overflow:hiden не помогает. Т.е. если назначать всему сайту этот параметр то скролинг упорно не хочет появляться, даже при усттановке overflow:visible внутреней части сайта. А если только дивам то скролинг все равно появляется. Подскажите в какую сторону рыть траншею в поисках решения. html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body> <div class="obl-cont"> <table class="tabl" border="0" cellspacing="0" cellpadding="0"> <tr> <td class="top-l"> </td> <td class="otb"><img src="../blank.gif" alt="otb" width="1" height="138" /> </td> <td class="top-r"> </td> </tr> <tr> <td class="l"> </td> <td align="center" valign="top" class="center iePNG"> <div class="main"> <img src="../logo.png" alt="logo" width="344" height="233" class="logo" /> <a href="#"> <img name="menu2_02" src="../game-2.jpg" alt="game" width="94" height="43" border="0" class="game" /></a> <a href="#"> <img name="menu2_04" src="../sob-2.jpg" alt="sob" width="120" height="33" border="0" class="sob" /></a> <a href="#"> <img name="menu2_06" src="../art-2.jpg" alt="art" width="64" height="27" class="art" /></a> <form class="news" action="" method="get" name="news"> <input class="email" name="email" type="text" /> <input class="sub" onclick="this.form.submit" name="" type="image" src="../blank.gif" alt="subm" width="29" height="20" /> </form> <div class="obl-1"><img src="../obl-1.png" alt="obl-1" width="199" height="193" /></div> <div class="obl-2"><img src="../obl-2.png" alt="obl-2" width="132" height="88" /></div> <div class="obl-3"><img src="../obl-3.png" alt="obl-3" width="147" height="96" /></div> <div class="obl-4"><img src="../obl-4.png" alt="obl-4" width="86" height="57" /></div> <div class="obl-5"><img src="../obl-5.png" alt="obl-5" width="136" height="76" /></div> <div class="obl-6"><img src="../obl-6.png" alt="obl-6" width="199" height="112" /></div> <div class="obl-7"><img src="../obl-7.png" alt="obl-7" width="155" height="71" /></div> <div class="obl-8"><img src="../obl-8.png" alt="obl-8" width="282" height="143" /></div> <div class="obl-9"><img src="../obl-9.png" alt="obl-9" width="103" height="67" /></div> <div class="obl-10"><img src="../obl-10.png" alt="obl-10" width="112" height="81" /></div> <div class="obl-11"><img src="../obl-11.png" alt="obl-11" width="87" height="63" /></div> <div class="obl-12"><img src="../obl-12.png" alt="obl-12" width="127" height="99" /></div> <div class="obl-13"><img src="../obl-13.png" alt="obl-13" width="108" height="91" /></div> <div class="obl-14"><img src="../obl-14.png" alt="obl-14" width="87" height="83" /></div> </div> </td> <td class="r"> </td> </tr> </table> </div> </body> </html> css body { background-color: #aedae6; background-image: url(../bg-1.jpg); background-repeat:repeat-x; background-position:0% 28%; margin:0px; padding:0px; position:relative; height:100%; font-size:1%; } *+html body { background-image: url(../bg-1e.jpg); background-position:0% 46%; } img { border:0px; } html { height:100%; } .obl-cont { height:100%; width:100%; position:relative; background-image:url(../bg_div.jpg); background-position:50% 46%; background-repeat:no-repeat; } .tabl { position: absolute; height:100%; width:100%; z-index:90; } .center { width:980px; background-image: url(../b-c-bg.png); background-repeat:no-repeat; background-position:0px 459px; } .main { height:614px; width:980px; background-image:url(../center-bg.png); background-repeat:no-repeat; background-position:0px -2px; position:relative; } .cont { height:459px; width:980px; background-image:url(../center-bg.jpg); background-repeat:no-repeat; position:relative; } .logo { position:absolute; top:-132px; left:340px; z-index:99; } .otb { height:23%; background-image:url(../top-bg.png); background-position:0% 100%; background-repeat:no-repeat; } .but { background-color:#FFFF00; } .top-l { background-image:url(../top-l-bg.png); background-position:bottom right; background-repeat:no-repeat; } .top-r { background-image:url(../top-r-bg.png); background-repeat:no-repeat; background-position:bottom left; } .l { background-image:url(../l-bg.png); background-position:right top; background-repeat:no-repeat; } .r { background-image:url(../r-bg.png); background-position:left top; background-repeat:no-repeat; } .game { position: absolute; top:101px; left:41px; } .sob { position:absolute; top:149px; left:40px; } .art { position:absolute; top:192px; left:52px; } .obl-1 { position:absolute; left:-289px; top:90px; z-index:1; overflow:hidden; } .obl-2 { position:absolute; left:-181px; top:-72px; z-index:1; overflow:hidden; } .obl-3 { position:absolute; left:-270px; top:-308px; z-index:1; overflow:hidden; } .obl-4 { position:absolute; top:-290px; left:-75px; z-index:1; overflow:hidden; } .obl-5 { position:absolute; left:200px; top:-263px; z-index:1; overflow:hidden; } .obl-6 { position:absolute; left:238px; top:-37px; z-index:1; overflow:hidden; } .obl-7 { position:absolute; left:536px; top:-237px; z-index:1; overflow:hidden; } .obl-8 { position:absolute; left:644px; top:-113px; z-index:1; overflow:hidden; } .obl-9 { position:absolute; left:904px; top:-157px; z-index:1; overflow:hidden; } .obl-10 { position:absolute; left:738px; top:65px; z-index:1; overflow:hidden; } .obl-11 { position:absolute; right:-80px; top:-95px; z-index:1; overflow:hidden; } .obl-12 { position:absolute; right:-140px; top:-260px; z-index:1; overflow:hidden; } .obl-13 { position:absolute; right:-34px; top:60px; z-index:1; overflow:hidden; } .obl-14 { position:absolute; top:39px; z-index:1; overflow:hidden; } .news { position:absolute; top:378px; left: 560px; } .email { background-color:#dfcf84; width:150px; border:0px; color:#876f49; } .sub { margin-left:20px; }
  2. guvatara
    хотя бы в css body { font-size:1%; }
  3. guvatara
    http://narod.yandex.ru/ а разве это не детище яндекса? Там таких дизайнов навалом.
  4. guvatara
    угу и рубль заменим на евро. ИМХО бред. Если для них это уже в привычке, это не значит, чтоб мы с них копировали. Почему мы не может отличаться от них? Все таки мы другие.
  5. guvatara
    офтоп, Лебедев не крут, он просто не замарачивается. а по дизайну я скорее соглашусь с katya. Просто палитру подогнать, но идея сама ничего. Напоминает Яндекс.
  6. guvatara

    Длина url'a

    guvatara replied to Dimitry Wolotko's question in PHP

    мне выдал 1024 символа, но есть подозрения что можно больше. Сорри я пока только учусь php, так что не так много умею и знаю.
  7. guvatara
    можно. Через хаки отдельно для каждого. Основа код для мазилы. #style { мазила } /**/ html*.style { сафари } html:first-child .style { опера } *html .style { IE 5.5,6 } *+html .style { IE 7 } последовательность такая, т.к. IE может цеплять что либо из предедущих стилей
  8. guvatara
    font-size:1%;
  9. guvatara
    тут я с вами соглашусь полностью. Просто по долгу службы я занимаюсь именно крекцией того что сделано неправильно, поэтому первая мысль как это исправить, а вторая как это переделать. В конечном и работающим проэкте на который уже повесили дофига функционала проще локализовать проблему, чем переделывать весь проэкт заново.
  10. guvatara
    ну если броузеры еще не понимают по человечески что такое див и как его кушать. А задача идеальная для таблиц, но хочется сделать дивами, почему не сделать. С точки зрения валидности и правильности это допустимо. Или это не так? Тем более если это валидно и исправляет ситуацию, почему нет?
  11. guvatara

    Длина url'a

    guvatara replied to Dimitry Wolotko's question in PHP

    да было бы интересно узнать как оно на практике.
  12. guvatara
    ... #mainmiddle { background: url(./img/mmiddle.jpg); width: 771px; display:table; } ...
  13. guvatara
    ‹ используйте вот это вместо < для текста и удобнее и правильнее. PS после ‹ нужно добавить ; я так не написал т.к. форум сразу их преобразовывает в ‹
  14. guvatara

    Длина url'a

    guvatara replied to Dimitry Wolotko's question in PHP

    Я это привел к тому что HTTP 1.1 никаких ограничений не накладывает, а так согласен с D.S.Denton все зависит от настройки на сервере.
  15. guvatara

    Длина url'a

    guvatara replied to Dimitry Wolotko's question in PHP

    ftp://ftp.isi.edu/in-notes/rfc2616.txt помоему это пункт 3.2.1 Хотя могу ошибаться (ибо пока нуб) Fielding, et al. Standards Track [Page 18] RFC 2616 HTTP/1.1 June 1999 3.2.1 General Syntax URIs in HTTP can be represented in absolute form or relative to some known base URI [11], depending upon the context of their use. The two forms are differentiated by the fact that absolute URIs always begin with a scheme name followed by a colon. For definitive information on URL syntax and semantics, see "Uniform Resource Identifiers (URI): Generic Syntax and Semantics," RFC 2396 [42] (which replaces RFCs 1738 [4] and RFC 1808 [11]). This specification adopts the definitions of "URI-reference", "absoluteURI", "relativeURI", "port", "host","abs_path", "rel_path", and "authority" from that specification. The HTTP protocol does not place any a priori limit on the length of a URI. Servers MUST be able to handle the URI of any resource they serve, and SHOULD be able to handle URIs of unbounded length if they provide GET-based forms that could generate such URIs. A server SHOULD return 414 (Request-URI Too Long) status if a URI is longer than the server can handle (see section 10.4.15). Note: Servers ought to be cautious about depending on URI lengths above 255 bytes, because some older client or proxy implementations might not properly support these lengths.
  16. guvatara

    Длина url'a

    guvatara replied to Dimitry Wolotko's question in PHP

    как я там нашел, то php переваривает минимум 255 символов через GET (это для древних серваков), а так скорее всего для норм серваков в области 1024 символов через GET. http://httpd.apache.org/docs/1.3/mod/core....imitrequestline
  17. guvatara
    php более логичный не настолько "хитрый и привередливый" Кстати на счет гибкости не согласен, php по гибкости превосходит JS. Но увы на бесплатных хостингах урезают самые вкусные возможности его, что делает его обделенным.
  18. guvatara

    Длина url'a

    guvatara replied to Dimitry Wolotko's question in PHP

    http://www.hostforum.ru/showthread.php?t=5001 думаю поможет. Ослик может переварить 2,083 максимум нашел еще упоминание, что на старых серваках длина всего 255 байт А так вот запрос в гугле
  19. guvatara
    просто при уменьшении окна может появляться полоса прокрутки. Так что мой вариант работает стабильнее для всех броузеров.
  20. guvatara
    решил пойти простейшим путем создается малкнький файл brd.gif высотой 10px с элиментом границы и загоняется фоном с повтором по верху и понизу, он будет эммитировать верхнюю и нижню границу body { color: #AFAEAE; margin: 0; padding: 0; height:100%; background-image:url(brd.gif); background-position:top; background-repeat:repeat-x; } html { height:100%; } img { border: 0px; } .main{ height: 100%; position:relative; border:0px; border-left:10px; border-right:10px; border-color: #D0D0D0; border-style: solid; overflow:hidden; display:block; background-image:url(brd.gif); background-position:bottom; background-repeat:repeat-x; } #logo { padding: 20px; } #back{ margin-top: 45px; margin-left: 45px; position: absolute; font: 13px; color: #AFAEAE; font-weight: bold; } a{ color: #AFAEAE; font-weight: bold; } .entrance{ text-align: center; font-family: Tahoma; font-size: 19px; padding: 20 0 20 0; text-align: center; } думаю это наиболее простой выход из этой ситуации чтоб не использовать всякие хаки. вот файл http://guvatara.ru/e107_images/newspost_images/brd.gif
  21. guvatara
    body { color: #AFAEAE; margin: 0; padding: 0; height:100%; } html { height:100%; } img { border: 0px; } .main{ height: 100%; position:relative; border: 10px #D0D0D0; border-style: solid; } #logo { padding: 20px; } #back{ margin-top: 45px; margin-left: 45px; position: absolute; font: 13px; color: #AFAEAE; font-weight: bold; } a{ color: #AFAEAE; font-weight: bold; } .entrance{ text-align: center; font-family: Tahoma; font-size: 19px; padding: 20 0 20 0; text-align: center; } притянется к низу. сейчас решу проблему полосой прокрутки.
  22. guvatara
    position: fixed; зато IE 6 не понимает этого.
  23. guvatara
    да нет не нужно. думаю проблема вот в этом .main{ ... position: fixed; bottom: 0px; top: 0px; } уберите это и станет лучше.
  24. guvatara
    IE 6? какая версия мазиллы? как должна выглядеть рамка? (хотя бы скриншот с наброском) ширина области с рамкой конечна или на весь экран? зачем вот это? .main{ height: 100%; border: 10px #D0D0D0; border-style: solid; [b]position: fixed; bottom: 0px; top: 0px;[/b] }
  25. guvatara
    вы бы его до конца бы скопировали <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> они пишется так. проверил толщина одинаковая в мазиле и IE
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept