Xpoint
   [напомнить пароль]

float - IE и FireFox-разные реакции

Метки: [без меток]
2005-05-31 18:05:06 [обр] Михаил Макушев(0/3)[досье]

У меня есть некоторый стиль
.style1{
    border: 1px solid #8296BB;
}

Я применяю его к диву. Дальше я опишу по русски уже внутри самого тега:

<div class="style1">
здесь вот картинка(назовем её image_main.jpg) + текст на много строк. К картинке применен стиль float. Причем все выглядит таким образом что обрамляющий картинку текст не выходит за её вертикальные пределы.
После текста стоит <br style="clear: both"> (здесь на сайте нашел)
</div>

Теперь проблема. В Firefox-е обрамление бордюром из стиля style1 идет по самой image_main.jpg, ну и естественно если я кроме бордюра применяю всяческие margin то их отсчет идет опять от картинки. В IE выглядит ужасно! Бордюр плюет на image_main.jpg и проводит свою границу по тексту. Причем не помогают никакие мэрджины. А вот если после <br style="clear: both"> поставить что угодно, ну даже например "&nbsp;" IE сразу прозревает, но выглядит это все равно ужастно так как отступы по прежнему ни на что не влияют.
Я надеюсь я все описал. Многоуважаемые специалисты, есть ли какой способ выйти из подобной ситуации?

спустя 1 минуту [обр] Михаил Макушев(0/3)[досье]
Извините поспешил, конечно же float: right;
спустя 10 минут [обр] Lynn «Кофеман»(0/571)[досье]
Ничего не понял.
Код в студию.
спустя 34 минуты [обр] Алексей В. Иванов(9/2861)[досье]
<br style="clear: both"> -> <div style="clear: both"></div>
спустя 16 часов [обр] Михаил Макушев(0/3)[досье]

Надо же, помогло!!! Как родная пошла!
"Но Холмс! Как?..." и я добавлю почему?

Ниже для желающего код...
.news-summury-style{
    margin: 0px 3px 6px 3px;
    text-align: left;
    border: 1px solid #8296BB;
    padding: 0.3em;
}

.xar-news-summary-body{
    margin: 5pt 0pt 0pt 0pt;
}

.stars-news-summary-image{
    margin: 0pt 10pt 0pt 25pt;
    float: right;
}

и само содержимое

<div class="news-summury-style">
....
          <span class="xar-news-summary-body">
....
              <div style="clear: both"></div> <!-- <br style="clear: both" /> -->
....
          </span>
....
</div>

спустя 12 минут [обр] Михаил Макушев(0/3)[досье]

Сорри вот более подробное содержимое

<div class="news-summury-style">
Телескоп Spitzer обнаружил пояс астероидов у звезды, похожей на Солнце

        <span class="xar-news-summary-body">
              <IMG class="stars-news-summary-image" height=100 src="images/astro/News/astbelt1.jpg" width=100 alt ="RY Tau" />
Космический телескоп Spitzer, который работает в ИК-диапазоне длин волн, обнаружил у звезды HD69830, которая находится на расстоянии 41 световой год от Земли, теплое пылевое облако, которое выглядит очень похоже на пояс астероидов. Если в результате дальнейших исследований это предположение подтвердится, то это будет первый пояс астероидов, обнаруженный у звезды, имеющей примерно такой же возраст и примерно такую же массу как у нашего Солнца.
              <a href="ляляля"><IMG src="themes/Stars/images/more2.gif" alt="Читать дальше..." /></a>
             <div style="clear: both"></div>

         </span>

</div>

Powered by POEM™ Engine Copyright © 2002-2005