Mam coś takiego:

Kod:
<html>
<body>
<div style="float:left;">lewa kolumna</div>   <!-- 1 -->
<div style="float:right;>prawa kolumna</div>   <!-- 2 -->
<div>   <!-- 3 -->
     <img src="xxx.png" style="float:left;" />   <!-- 4 -->
     <p>tutaj inne pierdołki</p>   <!-- 5 -->
     <p style="clear:both;">tutaj jest problem</p>   <!-- 6 -->
</div>
<div style="clear:both;">pod lewa i prawa kolumna</div>   <!-- 7 -->
</body>
</html>
Chciałbym, aby w tym problemowym akapicie <p style="clear:both;">...</p> zastosować styl clear:left albo clear:both, ale to "clear'uje" względem całego dokumentu (czyli znajduje się pod div'ami, które w stylu mają float), a nie względem TYLKO obrazka <img />.

Czyli w skrócie:

Chciałbym otrzymać:
Kod:
+-----+ +------------------+ +-----+
|     | |         3        | |     |
|  1  | | +-+ +----------+ | |  2  |
|     | | |4| |    5     | | |     |
|     | | +-+ +----------+ | |     |
|     | |                  | |     |
|     | | +--------------+ | |     |
|     | | |       6      | | |     |
|     | | +--------------+ | |     |
|     | |                  | |     |
+-----+ +------------------+ +-----+

+----------------------------------+
|                  7               |
+----------------------------------+
a otrzymuje:
Kod:
+-----+ +------------------+ +-----+
|     | |         3        | |     |
|  1  | | +-+ +----------+ | |  2  |
|     | | |4| |    5     | | |     |
|     | | +-+ +----------+ | |     |
|     | |                  | |     |
|     | |                  | |     |
|     | |                  | |     |
|     | |                  | |     |
|     | |                  | |     |
+-----+ |                  | +-----+
        |                  |
        | +--------------+ |
        | |       6      | |
        | +--------------+ |
        |                  |
        +------------------+

+----------------------------------+
|                  7               |
+----------------------------------+
Czy ktoś wie, jak to rozwiązać?

Testowane pod przeglądarką Opera 9.23.