[HTML][CSS] Rozciągnięcie div'a zawierającego inne div'y Opcje

[dami95]

Witam! Potrzebuję pomocy...

Mam przykładowo taki kod:

[HTML] pobierz, plaintext 
<div id="main">
<div id="left">
//zawatość lewego panelu
</div>
<div id="right">
//zawartość prawego panelu
</div>
</div>
[HTML] pobierz, plaintext 

Dla div'a #main przypisuje tło, jednak tło pokazuje się tylko na padding'u. Zawsze stosowałem overflow: auto, jednak teraz w prawej części strony za pomocą CSS 3 powiększam plakat [transform: scale(1.2)], który w przypadku stosowania overflow: auto nie wyświetla się poza diva #main. Jak to obejść?

Pozdrawiam i czekam na jakieś mądre rozwiązanie.

[wizu]

Wyczyść ręcznie float po ostatnim elemencie.
Czyli przed zamknięciem <div id="main"> wrzuć np.

Kod

<br style="clear: both; float: none;" />

[dami95]

Dzięki bardzo za odpowiedź, pomógł oczywiście leci.

Potrzebowałem użyć tego w kilku miejscach dlatego zrobiłem:

Kod

<div class="clear"></div>

oraz

Kod

.clear {clear: both; float: none;}

Tylko dokument trochę traci na wyglądzie od strony kodu, na prawdę nie da się nic więcej wymyśleć?

Ten post edytował dami95 27.12.2011, 21:24:35

[wizu]

Też mi się to nie podoba, dlatego często stosuję inne sztuczki.
Możesz użyć pseudo-elemtu :after i jemu przypisać clear. Zrobi co trzeba, jednak starsze przeglądarki nie znają tego posunięcia
Pozostaje Ci overflow: hidden; ewentualnie użycie float tylko na jednym elemencie (np. prawym), a lewemu pozwolić się dostosować, dając mu tylko overflow: hidden;
Możesz też dodać dodatkowy zewnętrzny kontener i to jemu przypisać background, a środkowemu dać overflow: hidden;