Web-разработка « Проблемы с версткой

Проблемы с версткой, при определенных условиях верстка ломается и вот как это выглядит:



Вот html разметка:

<div id="map_details">



<a href="build.php?id=39"><img src="img/x.gif" class="def2" alt="Собственные прибывающие войска" title="Собственные прибывающие войска"></a>
<span class="d2">»</span>
    <div class="mov"><span class="d2">1 Приб.</span></div><div class="dur_r">in <span id="timer1">0:08:52</span> ч.</div></div>


А вот как должно быть правильно:



Как исправить верстку? Что для этого нужно? Какой CSS нужно использовать, что бы добиться такого результата как на второй картинке?

1 ответов


Все зависит от того, какой у вас CSS. Представьте HTML разметку, желательно всех колонок и CSS, тогда поговорим.


По всей видимости где-то схлопывается поток float:left или float:right:, соответственно гдето пропущен overflow:hidden.
Ищите все float'ы и проставляйте основным блокам overflow:hidden.