Dioni$$

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

только че то к #container не применяется overflow (ни auto ни scroll)

Ну пусть так. Но как это сделать?

Да виноват. Только что сам перешел... На ту страницу че то ссылка не переходит. Вобщем клацните по фотке любой чтоб она раскрылась в полный размер. Тогда сверху как раз и будет блок с кучей мелких фоток и гризонтальным скроллом. Чебурашка - да типа такого надо. А можно ли такое чисто на хтмл и цсс сделать? Ну или с помощью скрипта. (Я имею ввиду верхний блок с превьюшками) Потому как тут немного не так - а мне надо один в один как в примере. То есть превьюшки сверху в локе со скроллом, а фото в полный размер ниже.

согласен - но вы наверное не смотрели по ссылке что именно надо, ведь скролл появляется только когда контент больше размеров блока. но у нас контент - маленькие блоки например 100 на 100 пикселей. и как сделать чтоб блокине переносились на следующую строку а выстраивались в одну линию? только не говорите float:left )))

Здравствуйте. Подскажите плиз как сверстать блок как тут вверху http://www.shurum-burum.ru/photos/matreshk...08/photo/#49033 который с фотками и гризонтальным скроллом. Интересует только этот блок в принципе (главное чтоб он не фикс ширины был) Буду оч благодарен любым идеям (в js не шарю )

Спасибо - но видимо моих знаний не хватит для этого. Подскажите только плиз как сделать блок с горизонтальным скроллом (как в примере вверху)

Подскажите плиз с помощью какого скрипта сделано вот такое http://www.shurum-burum.ru/photos/matreshk...08/photo/#49033 ну а если не в курсе что за скрипт - подскажите плиз - как сделать такой блок с каритнками не фикс ширины с кастом горизонтальным скроллом. Заранее благодарен.

psywalker - Спасибо Большое! Разобрался

да - там фигня. да еще и таблицами. это был пример как должен себя вести сайт при изменении разрешения. я видимо не понимаю но если использовать картинку и центрировать - это мне что фон размером в весь сайт делать? тут вот попытка обойти эту ситуацию http://www.peoplecontent.ru/html/ но как видите картинка уходит под центральный блок, а мне нужно чтоб она уходила за пределы браузера. а тут как выглядит сам макет _http://s48.radikal.ru/i121/1004/e5/de3e8381f26f.jpg ногами плиз не бейте. подскажите как сделать. не могу нигде найти (не знаю как у гугля спросить )

Я понял о чем вы но не могу понять как это организовать в целом Хотелось бы добиться эффекта как вот здесь например _http://l2ready.ru/. То есть сайт центрируется а картинка обрезается до самой контентной части. И горизонтальная прокрутка не появляется. Там на таблицах. Можно ли так на дивах? И главное - как? Подскажите плиз.

Спасибо. Но при не полностью развернутом окне браузера возникает момент когда картинка не полностью спряталась и не совпадает. Возможно ли как то решить эту проблему? или я что-то не так делаю?

Вобщем надо сверстать макет. Он отрисован на 1260 пикселей. Задуман как резина - но контентная часть фиксированная на 1000 пикселей. То есть при разрешении 1280 и выше никаких проблем. А при разрешении менее 1280 нужно чтоб часть фона (картинка) отрезалась. Для наглядности приложу скрин. http://i080.radikal.ru/1004/8d/a23ce6e9d77e.jpg Можно ли такое сделать вообще? Не могу придумать

Спасибо всем за то что отвечаете. Понимаю что вопрос глупый был. Окончательное решение нашел здесь http://forum.htmlbook.ru/index.php?s=&...st&p=107366 Ура

Я так и подумал. Но только не помогло

Спасибо Простите - но я не совсем понял как использовать это.

Здравствуйте! Верстая выпадающее меню столкнулся с проблемой. Под меню был флеш баннер. И в опере выпадающий список "уходит" под баннер. Мои попытки как-то обойти данную ситуацию ни к чему не привели. Баннер упорно лежит выше менюшки. В примере я специально спозиционировал меню и баннер так, чтобы было видно наложение. Повторюсь что данный "эффект" хорошо наблюдается в Опере. Я знаю что можно позиционировать слои с помощью z-index, но применять его на практике мне как-то не удавалось. (это бонус вопрос наверное ) Вот хтмл <!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>menu</title> <link rel="stylesheet" href="style.css" type="text/css" media="screen" /> </head> <body> <div id="page"> <div id="header"> <div id="banner"> <center><object width="448" height="60" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"><param value="448" name="width"/><param value="60" name="height"/> <param value="banner.swf" name="src"/><embed width="448" height="60" src="banner.swf" type="application/x-shockwave-flash"/></object> <a href="/contacts"><img src="/reklama.gif" alt="TV и Radio Трансляции Онлайн" title="Реклама на портале" WIDTH=468 HEIGHT=60/></a> </center> </div> <ul id="topmenu"> <li id="topmenu_left"></li> <li class="topmenu_center"><a href="/">Главная</a> |</li> <li class="topmenu_center"><a href="/world-tv">Зарубежные ТВ</a> | <ul class="submenu-ul"> <li class="submenu"><a href="/world-tv">Зарубежные ТВ</a> <li class="submenu"><a href="/world-tv">Зарубежные ТВ</a> <li class="submenu"><a href="/world-tv">Зарубежные ТВ</a> </ul> </li> <li class="topmenu_center"><a href="/rossijskie-tv">Российские ТВ</a> | <ul class="submenu-ul"> <li class="submenu"><a href="/world-tv">Российские ТВ</a> <li class="submenu"><a href="/world-tv">Российские ТВ</a> <li class="submenu"><a href="/world-tv">Российские ТВ</a> </ul> </li> <li class="topmenu_center"><a href="/ukrainskie-tv">Украинские ТВ</a> | <ul class="submenu-ul"> <li class="submenu"><a href="/world-tv">Украинские ТВ</a> <li class="submenu"><a href="/world-tv">Украинские ТВ</a> <li class="submenu"><a href="/world-tv">Украинские ТВ</a> </ul> </li> <li class="topmenu_center"><a href="/rossijskie-fm">Российские FM</a> | <ul class="submenu-ul"> <li class="submenu"><a href="/world-tv">Российские FM</a> <li class="submenu"><a href="/world-tv">Российские FM</a> <li class="submenu"><a href="/world-tv">Российские FM</a> </ul> </li> <li class="topmenu_center"><a href="/ukrainskie-fm">Украинские FM</a> | <ul class="submenu-ul"> <li class="submenu"><a href="/world-tv">Украинские FM</a> <li class="submenu"><a href="/world-tv">Украинские FM</a> <li class="submenu"><a href="/world-tv">Украинские FM</a> </ul> </li> <li class="topmenu_center"><a href="/forum">ФОРУМ</a> |</li> <li class="topmenu_center"><a href="/category/novosti">Новости</a> |</li> <li class="topmenu_center"><a href="/help">Инструкция</a></li> <li id="topmenu_right"></li> </ul> </div> </div> </body> </html> и css /* Theme Name: Media-Air.ru Description: This is a free WordPress Theme from semlaguna designed Author: imPuls Author URI: http://www.media-air.ru /*———--Block Level Elements————--*/ html { background: #333333; } Body { margin:0px; font: 75%/150% "Trebuchet MS", Tahoma, Arial; color:#ffffff; background: url(images/bodybg.jpg) repeat-y; } a { color: #FFFFFF; } #page { width: 100%; padding:0px; margin:0px; } #header { width: 100%; height:500px; /*267*/ color:#333; overflow:hidden; background: url(images/header.jpg) no-repeat; border:1px solid red posi } #topmenu{ list-style: none; height: 28px; position: absolute; left: 0; top: 276px; } #topmenu li, #topmenu li a{ color: #333; font-family: verdana, arial, helvetica, sans-serif; font-weight: bold; font-size: 12px; } #topmenu li{ float: left; height: 24px; padding-top: 4px; } #topmenu li a{ text-decoration: none; margin: 0 7px 0 8px; } #topmenu_left, #topmenu_right{ width: 20px; } #topmenu_left{ background: #fff url(images/topmenu_left_bg.jpg) no-repeat; } .topmenu_center{ background:#D9E859 url(images/topmenu_center_bg.jpg) repeat-x; } #topmenu_right{ background: #fff url(images/topmenu_right_bg.jpg) no-repeat; } /* end topmenu*/ .submenu-ul {margin:0;padding:0;display:none;position:absolute;top:26px;} .submenu {display:block; position:relative;clear:left;margin:0;padding:0;background:#D9E859;border-bottom:1px solid #454D0D;} .submenu a {display:block; background:#D9E859; width:111px; height:21px; padding:0 0 0 2px; margin:0; } li:hover ul, li.over ul { display: block; } #banner {position:absolute; top:300px; left:50px} Заранее благодарен любой помощи.