Problem z CSS (clear:both;)
Mam coś takiego:
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 />.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>
Czyli w skrócie:
Chciałbym otrzymać:
a otrzymuje:Kod:+-----+ +------------------+ +-----+ | | | 3 | | | | 1 | | +-+ +----------+ | | 2 | | | | |4| | 5 | | | | | | | +-+ +----------+ | | | | | | | | | | | | +--------------+ | | | | | | | 6 | | | | | | | +--------------+ | | | | | | | | | +-----+ +------------------+ +-----+ +----------------------------------+ | 7 | +----------------------------------+
Czy ktoś wie, jak to rozwiązać?Kod:+-----+ +------------------+ +-----+ | | | 3 | | | | 1 | | +-+ +----------+ | | 2 | | | | |4| | 5 | | | | | | | +-+ +----------+ | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | +-----+ | | +-----+ | | | +--------------+ | | | 6 | | | +--------------+ | | | +------------------+ +----------------------------------+ | 7 | +----------------------------------+
Testowane pod przeglądarką Opera 9.23.
)
Copyright © 2006-2024 - HACK.pl. Wszelkie prawa zastrzeżone.