Разное отображение СSS в браузерах

[andreyka]

Доброго времени всем!

Переделывал расположение блоков-модулей в шаблоне одном под джумлу... Сделал чего планировал. Но когда проверил отображение в Firefox, то пришёл к разочарованию и удивлению. Данный Браузер вообще не такой как все - по-своему всё отображает. Вот скриншоты:

и

Не пойму, в чём проблема. Может кто подскажет, какими свойствами CSS надо правильно подвинуть содержимое контейнера, содержащегося между тэгами <fieldset>?

Вот ссылка на проектируемый сайт: _http://ideya.spb.ru/ Его нужно открыть в разных браузерах, чтобы увидеть различное отображение блока. Пользуюсь для редактирования позицирования элементов следующими инструментами браузеров: правая кнопка мыши => потом "исследовать элемент" или "проинспектировать элемент"

Какие надо использовать css-свойства для всех браузеров?

Ведь чудеса получается бывают: одни показывают то чего надо, а другой вообще бог знает что? =((

Edited November 2, 2012 by andreyka

[Bryant-24]

содержащегося между тэгами <fieldset>

Этот тег нужно использовать внутри тега <form>, читайте здесь: http://htmlbook.ru/html/fieldset

И почему бы не использовать обычный тег div?

[andreyka]

Этот тег нужно использовать внутри тега <form>, читайте здесь: http://htmlbook.ru/html/fieldset

И почему бы не использовать обычный тег div?

Не видел ранее...

Суть в чём: там у меня изменения в шаблоне - делаю только отображение модуля "Поиск" на главной в другом месте... и структуру вложенности не менял: есть ли <form> или нет - ранее не смотрел. Сам модуль помещён между тэгами <div id="zt-browse">...</div> И вот двигая этот "контейнер дивов" по странице, добился желаемого местоположения. Но Firefox напрочь отказался отображать новое положение модуля, как все другие браузеры.

Edited November 2, 2012 by andreyka

[SelenIT]

Зачем у h3.moduletitle и у span-а в нем стоит float? Почему бы не заменить float у второго на display: inline-block, а у первого убрать вообще? Для чего здесь "плавание"?

Ну или, на крайняк, добавить .moduletitle + .content { clear:left; }... но лучше устранить причину, чем плодить костыли для борьбы со следствиями.

[andreyka]

Зачем у h3.moduletitle и у span-а в нем стоит float? Почему бы не заменить float у второго на display: inline-block, а у первого убрать вообще? Для чего здесь "плавание"?

Ну или, на крайняк, добавить .moduletitle + .content { clear:left; }... но лучше устранить причину, чем плодить костыли для борьбы со следствиями.

Да, да! Спасибо за разборчивый ответ. действительно, убирая float и меняя его значение сразу появилось в нужном месте содержимое между тэгами <fieldest>. Но вот вчера, случайно добавив <br> перед этим <fieldest>... добился чего хотел в считанные секунды. Вот привожу код, место вставки <br> пометил красным:

<div class="modulecontent-inner">
  <div class="zt-content-right-inner">
    <h3 class="moduletitle">
      <span>Подбор вариантов:</span>
    </h3>
    <div class="content">

<br>

 <fieldset>
        <form action="/....................

Сам так и не понял чего сотворил, но в FireFox теперь всё отображает как и в Опере и ГуглХроме, без изменений CSS

Честно признаюсь не знаю толком CSS, потому сюда и обратился за помощью... а так конечно поставил перед собою цель более глубоко изучить азы каскадных таблиц стилей, так как в дальнейшем нереально будет заниматься правильным вэб-дизайном.

Edited November 4, 2012 by andreyka