Frolov

то задумка такая с низом =) по аналогии с верхом. Ссылку щас не дам, потомо что хз где уже качал..облазил тогда много сайтов, дома на буке должно быть, поишу тогда вечером и на архив сцыль кину.

Justnewone, что за "некоего перевенутого таба", а то там внизу без меня шаманили потом...... А старницу один раз грузил? В среднем в одном случае из 5 косяк вылазит....

вариантов никаких нет?

После полной остается так же криво,происходит гдето в 1 из 5 случаев, замечал как в опере, так и в фоксе. В остальных не смотрел.

Добрый день. http://salecement.ru/ Правая колонка таблицы переодически меняет свою ширину. Т.е прописано 22%, но иногда при загрузке страницы она становиться явно больше....

Vlad, спасибо конечно за ссылку, но я знаю что такое фаербаг и с чем его едят.... Вот если все видят что там такое, ну скажите прямо, я честно въехать не могу.....(

mishka2, видимо я туплю....но сижу вот и все не могу понять.....что поставить? Можеш объяснить? По логике моей.....td.content имеет overflow: hidden; и должен обрезать все лишнее, что с успехом и происходит в "нормамльных браузерах" (даже осел в этом случае подпадает под это понятие)

Я бы конечно мог ответить, но мне этот бесмысленный флуд надоел. Нечего сказать, нехрен засорять топик. Профи мля))) хехех

Оу, извините пожалуйста, к Вам обращаться на Вы или Ваше Величество или как то еще? Можете указать это в подписи своей, что бы небыло недоразумений в будущем? По топику. Гениально! div.wrapper div.content { padding-bottom: 30000px; margin-bottom: -30000px; ... } Кажется в том пост речь шла об этом элементе или у меня плохо со зрением. И этот элемену уже присвоены другие свойства, да и вообще теперь это ячейка таблицы, а не див. Это раз. table.wrapper div.columns-two-left { border-right: 5px solid rgb(250,250,250); width: 50%; float: left; padding-bottom: 30000px; margin-bottom: -30000px; } table.wrapper div.columns-two-right { overflow: hidden; padding-bottom: 30000px; margin-bottom: -30000px; } А то я не понимаю для чего это надо и что это делает. 1. При нормальных условиях (описан случай где используются плащки без скругления) верстка в опере вроде бы как и не едет, так что глупо писать что это надо убрать. Тут вопрос в том как заставить эту верстку не расползаться при любом контенте внутри. 2. Если уж предложил снести все это дело, то предложи как заменить данный хак можно. Лично у меня идей по по реализации данной замены нет. В итоге, смысл в твоих постах отсутствует напрочь.

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

Да, да, это снова я, с убитым напрочь мозгом.... Добрый вечер. Незнаю почему, но снова возник этот трабл с растягиванием страницы. Вроде ничего из стилей для этого элемента не правил.....было все нормально....тыркал, тыркал, так и не понял что такое. Потом решил протестировать один вариант, убрал скругление у плашек - заголовков (они там позиционируются) и вроде бы нормально стало.... В итоге имеем, сайт с скругленнми плашками, страницу тянет http://mirror-u9362.netangels.ru/ И второй вариант, с убранным скруглением http://www.global-stroy.net/ Даже не знаю что дальше делать. 1. Искать как лечить вариант с скругленными углами, не трогая структуры 2. Менять стркутура блока content, но слабо представляю что там еще заюзать можно 3. Убрать нафиг скругление и оставить так или изменить вид. Идеи буду?))

Ну да, только сделал) отписаться еще не успел сюда))) Спасибо за помощь

Да я знаком с этим способом, правда его не использовал. Но мн помимо фона нужен еще и бордер, На том коде это вроде не реализуеш. Правла волкер уже делал решения для подобных колонок + скругленные углы, но это ж капец....те более учитывая что на этом сайте еще надо использовать вложеннсоть подобных тянущихся блоков. Наверно щас на таблицы + дивы переверстаю, как бы я не любил таблицы для построения каркаса, но это уж точно не поплывет

а глюк и вовсе судя повсему только в опере 10.6x.... mishka2, ты же прошаренный в верстке, у тебя идей нет никаких? ....и псивалкер куда то девался..

щас попробую.....но хз Вчера ради интереса переверстал структуру, т.к по ходу та вносились изменения и можно было упростить верстку. Заверстал, забил контентом типа а<br />а<br />а<br />а<br />а<br />а<br /> Проверил во всех арбузерах, держит, нчего не рушится. Далее самое интересное.... Начинаю переносить содержимое с оригинала...Перенес хедер, все держит....))) Потом взялся за колонки. Вставил контент в одну из них....хрена!! Уплыло...методом исклбчения добрался на что там такая реакция....на блоки с заголовками, точнее на div с скруглением элементов (картинкой) <div class="bg-left">l</div> <div class="bg-right">r</div> Они там позиционируются внутри div.title И все выполнено по всем правилам жанра.....реакция Потом еще нашел ряд таких "закономерностей"......... Всерьез подумываю переделать каркас на таблицы..... П.С. Если кто будет смотреть код стрнаце, то смотреть здесь, там уже внесены изменения, с которыми эксперементировал на макете.... На работе тогда посмотрю что там за реакция на div.content, тогда и отпишусь.

та епта.....в опере эта хрень есть, страница высотой в 30 000пк..... Есть подозрения на вставленные яндекс-директ и счетчики.... Ведь можно наверно как то этот глюк починить.... http://global-stroy.net/

Хм, я конечно понимаю что графику еще не адаптировал под веб и над этим можно поработать, но даже с моим каналом 1мбит/с, сайт грузиться за пару секунд. klierik, в 1 и 2 описаны траблы, вопрос один, как лечить, догадаться не сложно вроде.

Добрый вечер. Дкмал вначале дать более точное назвнаие топику, но подумав, решил что у меня скорее всего будет еще пару вопросов... Подопытный находиться здесь 1.Одинковая высота колонок сделана с применением margin и padding, но переодически наблюдаю глюк в опере (10.6х) Блоки не обрезаются, т.е идет сайт, а потом фон и в сумме нам это и дает 30 000пк в высоту. Хоят в большинстве случаев все отображается нормально, но все же не совсем приятно. Вот и не могу понять, то ли я где то накосячил, то опера тупит (в других браузерах вроде все норм.) 2. Небольшой недочет в хроме. Правый блок с рекламой (на главной) отображается без бордера, во всех остальных браузерах все нормально 3. Этот вопрос все таки задам завтра, после тлого как посмотрю на работе, как сайт отображается сайт в ие6, иетестеру уже не доверяю, т.к. реально код достаточно часто отображается не так, как в настоящем браузере. Спасибо за внимание.

упс, заработало....)

ХМ, так сразу не заработало, может просто ослотестер не воспринимает данный код.......по мне так проще написать на жабе код, в которой я почти ничего не смыслю)

Добрый вечер. Суть вопроса. Есть выпадающее меню, в нормальных браузерах + 7 и 8 осле работает, в 6 - нет div.header-middle ul.menu { width: 100%; height: 60px; list-style: none; text-align: right; position: absolute; top: 10px; left: 0; } ul.menu li.menu { border-right: 1px dashed rgb(250,130,30); display: inline-block; float: right; width: 8%; height: 100%; text-align: center; vertical-align: top; position: relative; } ul.menu li.menu-end { border: 0; } ul.menu li.menu a { color: rgb(10,10,10); font: normal 12pt Arial; text-decoration: none; display: block; width: 100%; height: 100%; padding: 10px 0 0 0; } ul.menu li.menu a:hover { color: rgb(30,130,230); } ul.menu div.submenu { width: 420px; height: 23px; display: none; position: absolute; top: 70px; left: 0; } div.submenu div.strl { background: url(images/submenu-strl.png) no-repeat; width: 18px; height: 14px; position: absolute; top: -13px; left: 35px; } div.submenu div.radius-left, div.submenu div.radius-right { background: url(images/submenu-radius.png) no-repeat; width: 10px; height: 24px; } div.submenu div.radius-left { float: left; } div.submenu div.radius-right { background-position: -28px 0; float: right; } div.submenu ul.submenu { background: rgb(250,250,250); border-top: 1px solid rgb(230,230,230); border-bottom: 1px solid rgb(230,230,230); height: 22px; list-style: none; padding: 0 0 0 5px; text-align: left; overflow: hidden; } ul.submenu li { display: inline-block; padding: 0 0 0 10px; float: left; } ul.submenu li a { color: rgb(0,0,0) !important; font: normal 11pt Arial !important; text-decoration: none !important; padding: 2px 0 0 0 !important; } ul.submenu a:hover { color: rgb(35,140,215) !important; } ul.menu li.menu:hover div.submenu { display: block; } <ul class="menu"> <li class="menu"> <a href="#">Инфо</a> <div class="submenu"> <div class="strl"></div> <div class="radius-left"></div> <div class="radius-right"></div> <ul class="submenu"> <li><a href="#">Новости</a></li> <li><a href="#">Пресс-релизы</a></li> <li><a href="#">Фирмы и товары</a></li> <li><a href="#">Бренды</a></li> </ul> </div> </li> <li class="menu"> <a href="#">Акции и события</a> <div class="submenu"> <div class="strl"></div> <div class="radius-left"></div> <div class="radius-right"></div> <ul class="submenu"> <li><a href="#">Выставки</a></li> <li><a href="#">Скидки</a></li> </ul> </div> </li> <li class="menu"><a href="#">Статьи</a></li> <li class="menu"><a href="#">Дизайн-проекты</a></li> <li class="menu"><a href="#">Тендеры</a></li> <li class="menu menu-end"><a href="#">Форум</a></li> </ul><!-- /ul.menu --> и 2-ой вопрос. Возможно уже кто-то заметил костыли. inline-block не катит в 6 и 7 осле, пришлось поставить временные костыли в виде флоата для элементов списка...впринципе можно было и на флоате все сделать, но менюшка выравнивается по правому краю, приходиться использовать float: right; ....и тут мой мозг не может успокоиться, в это случае менюшку надо переварчивать....думаю ясно....вроде и отображается все нормально и невидно это....но все же.... хочется что бы порядок кода в данном случае совпадал с порядком отображения не экране. заскок одним словом))))

swtlana, то что надо)))) и как у меня раньше без него все нормально было psywolker, все проблема решена) Спасибо за ответы) П.С. Это для волкера скрин?) Или мне, как "неграмотному" для наглядности?

Всем добрый вечер. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>—--</title> <style type="text/css"> *{ margin: 0; padding: 0; } ul.menu { background: rgb(220,255,230); height: 70px; position: relative; list-style: none; text-align: right; } ul.menu > li { border-right: 1px solid rgb(250,130,30); display: inline-block; width: 8%; height: 100%; text-align: center; } </style> </head> <body> <ul class="menu"> <li> <a href="#">Инфо</a> <!--<ul class="submenu"> <li><a href="#">Новости</a></li> <li><a href="#">Пресс-релизы</a></li> <li><a href="#">Фирмы и товары</a></li> <li><a href="#">Бренды</a></li> </ul> --> </li> <li> <a href="#">Акции и события</a> <!-- <ul class="submenu"> <li><a href="#">Выставки</a></li> <li><a href="#">Скидки</a></li> </ul> --> </li> <li><a href="#">Статьи</a></li> <li><a href="#">Дизайн-проекты</a></li> <li><a href="#">Тендеры</a></li> <li class="end"><a href="#">Форум</a></li> </ul><!-- /ul.menu --> </body> </html> Сижу уже час и так и не могу понять.....почему блоки (где короткие записи) сдвигаются вниз относительно списка. Никогда раньше такого косяка не возникало.....