Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS] float
Forum PHP.pl > Forum > Przedszkole
kvachu
Witam!
No więc mam problem z blokami. Poniżej przedstawiam kod tych divów:
Kod
<div style="padding: 5px; width: 688px; border: solid black 1px; background-color: #4b754b;">
    <div style="float: left; width: 150px; height: 150px; border: solid black 1px; background-color: #4b754b;">
                
    </div>
</div>


I to wygląda tak:



Zawsze jak daję float: left; to mi wyskakuje to okienko z tego pierwszego bloku i się zwija tak jakby tam niczego nie było. Jak zmienię na float: none; to wtedy się rozciąga normalnie ten pierwszy blok, ale za to potem ten następny jest na środku, a kolejne elementy blokowe ustawiają się pod nim ... Wyjątkiem jest przeglądarka MSIE 6 lub 7 i w niej wyświetla się to tak jak chciałbym, żeby się wyświetlało:



Jak widać na powyższym obrazku, ładnie się wkomponowało to okienko jak należy, ale tylko pod tym starym IE. Oczywiście uzyskam taki sam efekt dodając styl height: 152px;. Ale wolałbym zdecydowanie, żeby to się samo tak wpasowywało, więc pytam, czy jest na to jakiś sposób? Mam juz dosyć za każdym razem wstawiania wysokości, bo raz, że to jest wkurzające, to jeszcze czasami muszę robić coraz to nowe te style w arkuszu, bo mam kompleksowy lay dosyć.

Help...
pedro84
Dodaj overflow:hidden dla nadrzędnego diva.
kvachu
Ojej, dziękuje ci bardzo pedro84, właśnie mi o to chodziło. Połowicznie rozwiązało sprawę text-align: left;, ale potem wszystko wywala w lewo, a to co dałeś to właśnie to czego mi potrzeba =).
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.