Разрыв между блоками в FF4

[Yust-os]

Добрый всем день!

Такая проблема. При верстке страниц на сайте http://umatax.com в FF 4.0 появляется разрыв между верхним и средним блоком. В остальных броузерах ничего подобного нет. Ошибки в верстке проверил, все корректно. Был бы очень благодарен за помощь.

[psywalker]

Добрый всем день!

Такая проблема. При верстке страниц на сайте http://umatax.com в FF 4.0 появляется разрыв между верхним и средним блоком. В остальных броузерах ничего подобного нет. Ошибки в верстке проверил, все корректно. Был бы очень благодарен за помощь.

100% уверен, что всё дело в непонимании спецификации CSS. Где именно отступ, покажи на скриншоте. И в каких других браузерах всё в порядке?

[flagreit]

<div class="clear"></div>
__________________

div.clear {clear: both;}

[Yust-os]

100% уверен, что всё дело в непонимании спецификации CSS. Где именно отступ, покажи на скриншоте. И в каких других браузерах всё в порядке?

Насчет непонимания не спорю, я больше по программированию. Нормально выводится в Хроме, ИЕ7 и ИЕ8, Сафари, Опере (зато в последней съезжает форма поиска, что тоже плохо и что я тоже устранить не могу). Скриншот прилагаю.

<div class="clear"></div>
__________________

div.clear {clear: both;}

К сожалению, не помогает

[flagreit]

Как не помогает? удали этот блок, всё нормально должно быть.

[Yust-os]

Как не помогает? удали этот блок, всё нормально должно быть.

Страшно туплю . Что в смысле удали? Структура блоков:

<div class="TPrimaryMenu">
<div class="TFront">

css для них:

.TPrimaryMenu {
    height: 25px;
    background-color: transparent;
    background-image: url(../images/middle.gif);
    background-repeat: repeat-y;
    padding: 0 15px 8px 15px;
}
.TFront{
    background-attachment: scroll;
    background-color: transparent;
    background-image: url(../images/middle.gif);
    background-repeat: repeat-y;
    padding:0px 15px;
}

И туда, и туда добавлял clear:both, ставил между ними пустой див с таким свойством - все бесполезно.

Edited May 21, 2011 by Yust-os

[flagreit]

Добавлять ничего не надо, надо избавиться от ненужного В html, строке 240, есть такой блок:

<div class="clear"></div>

Из-за него и создаётся отступ, его нужно убрать.

[Yust-os]

Спасибо, помогло! Теперь как насчет формы поиска?

Вот Opera:

Вот FF и остальные:

Не нашел никаких хаков

Edited May 21, 2011 by Yust-os

[psywalker]

.THeaderSearch {top: 0; }

[Yust-os]

.THeaderSearch {top: 0; }

И теперь все хорошо в Опере, но никуда во всех остальных.

[psywalker]

.THeaderSearch {top: 0; }

И теперь все хорошо в Опере, но никуда во всех остальных.

У тебя все проблемы от хренового подхода к вёрстке. Поэтому раз ты уже накосячил, то ищи хак для Оперы и ей отдельно пиши .THeaderSearch {top: 0; }

[Yust-os]

Я вот и пишу: Не нашел никаких хаков. Проблема в том, что буржуи оперой не пользуются вообще, значит, на их форумах найти ничего нельзя. Вот пытаюсь здесь что-то узнать. Можно сделать через скрипт, но как-то некошерно. Верстка мне досталась по наследству, сделана в Smarty, переделывать влом. Когда переведу на phptemplate, все поправлю. А жить надо сейчас.

Edited May 21, 2011 by Yust-os

[zSpx]

вот тут #block-ticknet-search .content убери display: inline-block; и добавь height: 50px и все должно прекрасно работать.

[igon]

block-ticknet-search .content убрать дисплейн инлайн-блок

.content #ticknet-autosearch {

width:100%;

overflow:hidden;

}

Edited May 21, 2011 by igon

[Yust-os]

вот тут #block-ticknet-search .content убери display: inline-block; и добавь height: 50px и все должно прекрасно работать.

Вот это именно то! Спасибо огромное

Кстати, когда допер, то спасает и вместо height: 50px поставить float:left;. display: inline-block; можно не убирать.

Edited May 21, 2011 by Yust-os

[psywalker]

Я вот и пишу: Не нашел никаких хаков. Проблема в том, что буржуи оперой не пользуются вообще, значит, на их форумах найти ничего нельзя. Вот пытаюсь здесь что-то узнать. Можно сделать через скрипт, но как-то некошерно. Верстка мне досталась по наследству, сделана в Smarty, переделывать влом. Когда переведу на phptemplate, все поправлю. А жить надо сейчас.

Если бы ты искал, то нашёл бы 100%. Значит обманываешь. Вот так не пашет?

@media all and (-webkit-min-device-pixel-ratio:10000),
not all and (-webkit-min-device-pixel-ratio:0) {
  .style {background: #F00;}
}

[Yust-os]

Если бы ты искал, то нашёл бы 100%. Значит обманываешь. Вот так не пашет?

Ну зачем так сразу - обманываешь? Вот моя история поиска

(обрати внимание на время), там и твой прмер есть (стрелочкой показан). Но не пошел, и не люблю я невалидную верстку.

[psywalker]

Но не пошел, и не люблю я невалидную верстку.

Не любишь, значит книжки в зубы и вперёд.

[zSpx]

Вот это именно то! Спасибо огромное Кстати, когда допер, то спасает и вместо height: 50px поставить float:left;. display: inline-block; можно не убирать.

Суть в том, что это свойство там просто не нужно оно там как-бы для очистки потока использовалось, float:left делает то же самое. Ну или overflow:hidden тоже хороший способ.