eGospodarka.pl
eGospodarka.pl poleca

eGospodarka.plGrupypl.comp.wwwCSS - problem z wyłączeniem floata › CSS - problem z wyłączeniem floata
  • Data: 2011-09-13 08:46:28
    Temat: CSS - problem z wyłączeniem floata
    Od: Marek <p...@s...com> szukaj wiadomości tego autora
    [ pokaż wszystkie nagłówki ]

    Witam,

    Mamy sobie kod:

    <div id="contents">
    <div class="col1">
    <div class="thumbnail"></div>
    </div>
    <div class="col2"></div>
    <div class="col3"></div>
    </div>

    Wszystkie "col" mają float:left. Aby zamknąć to w wizualnym bloku
    "contents" musi mieć overflow:hidden. No i tu się zaczyna problem.
    Mianowicie "thumbnail" jest pozycjonowany absolutnie z ujemną wartością
    lewej pozycji (left:-100px) i tym samym staje się niewidoczny. Z kolei
    najbardziej logiczny overflow:visible nie zamyka bloku floatów (jeden z
    wielu bubli w CSS). W związku z tym jak spowodować to zamknięcie floatów
    aby nie zaszkodzić klasie "thumbnail"? Czy da się to ładniej zrobić niż po
    staremu poprzez dodanie:

    <div style="clear:both"></div>

    ?

Podziel się

Poleć ten post znajomemu poleć

Wydrukuj ten post drukuj


Następne wpisy z tego wątku

Najnowsze wątki z tej grupy


Najnowsze wątki

Szukaj w grupach

Eksperci egospodarka.pl

1 1 1

Wpisz nazwę miasta, dla którego chcesz znaleźć jednostkę ZUS.

Wzory dokumentów

Bezpłatne wzory dokumentów i formularzy.
Wyszukaj i pobierz za darmo: