eGospodarka.pl
eGospodarka.pl poleca

eGospodarka.plGrupypl.comp.wwwCSS - problem z wyłączeniem floata › CSS - problem z wyłączeniem floata
  • Path: news-archive.icm.edu.pl!news.icm.edu.pl!.POSTED!not-for-mail
    From: Marek <p...@s...com>
    Newsgroups: pl.comp.www
    Subject: CSS - problem z wyłączeniem floata
    Date: Tue, 13 Sep 2011 10:46:28 +0200
    Organization: ICM, Uniwersytet Warszawski
    Lines: 24
    Message-ID: <hrayqyvsthcj$.1l21zale6vj2w.dlg@40tude.net>
    NNTP-Posting-Host: 87-206-216-115.dynamic.chello.pl
    Mime-Version: 1.0
    Content-Type: text/plain; charset="utf-8"
    Content-Transfer-Encoding: 8bit
    X-Trace: news.icm.edu.pl 1315903592 12478 87.206.216.115 (13 Sep 2011 08:46:32 GMT)
    X-Complaints-To: u...@n...icm.edu.pl
    NNTP-Posting-Date: Tue, 13 Sep 2011 08:46:32 +0000 (UTC)
    User-Agent: 40tude_Dialog/2.0.15.41pl
    Xref: news-archive.icm.edu.pl pl.comp.www:399449
    [ ukryj 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: