-
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>
?
Następne wpisy z tego wątku
- 13.09.11 08:55 |
- 13.09.11 09:17 Marek
- 13.09.11 14:15 Peter May
- 13.09.11 16:15 Marek
- 13.09.11 17:13 Paweł Piskorz
- 13.09.11 17:15 Paweł Piskorz
- 13.09.11 18:05 Marek
- 13.09.11 18:06 Marek
- 13.09.11 18:21 ramblinman
- 13.09.11 18:27 ramblinman
- 14.09.11 07:19 Peter May
- 14.09.11 08:05 Marek
- 14.09.11 08:07 Marek
- 14.09.11 16:42 |
- 14.09.11 17:10 Paweł Piskorz
Najnowsze wątki z tej grupy
- UWAGA: MAM PODEJRZENIE, ŻE onet.pl DOKONUJE ATAKÓW!!!
- Komisja sejmowa odrzuca petycję ws. obowiązkowych kanałów RSS na stronach podmiotów publicznych
- kol. sukces po polsku: "Samurai Labs. Technologia do zapobiegania samobójstwom"
- Wściekli obywatele spalili budynek parlamentu Nepalu [bo odcięli im amerykańskie serwery społecznościowe - przyp. JMJ]
- UWAGA: MAM PODEJRZENIE, ŻE trojmiasto.pl DOKONUJE ATAKÓW
- Cenzura na wolnemedia.net - likwidacja codziennej sekcji "Sygnały zauważone"
- Nowe style na energokod.pl
- Jak działa hosting w którym wykupuje się sam serwer i domenę, bez IP?
- Perfidne ataki krakerów z KRLD na skrypciarzy JS i Pajton
- Do sądu trafił pozew zbiorowy przeciw Google'owi - oskarżenie o praktyki monopolistyczne na rynku reklamy internetowej
- Jakie znacie działające serwery grup dyskusyjnych?
- is it live this group at news.icm.edu.pl
- php, linki z nazwami a $_GET, SEO
- www polityka pl captcha
- dyktatura brudnego palucha
Najnowsze wątki
- 2025-12-29 MON nabyło Hutę Częstochowa. "Historyczne znaczenie"
- 2025-12-28 Czwarta doba strajku na głębokości 500 metrów. "Ministerstwo robi sobie z nas jaja"
- 2025-12-29 Kolejny kraj [WB - przyp. JMJ] zakazuje chowu klatkowego. W Polsce żyje tak 40 mln kur
- 2025-12-29 MON nabyło Hutę Częstochowa. "Historyczne znaczenie"
- 2025-12-28 Norwegia kontra media społecznościowe
- 2025-12-28 PREZENTY OD MINISTRA FINANSÓW. SKĄD PIENIĄDZE?
- 2025-12-27 pompa CO
- 2025-12-27 Gdynia => Przedstawiciel handlowy / KAM (branża TSL) <=
- 2025-12-27 Ewakuacja ludności
- 2025-12-26 Gdańsk => ERP Microsoft Dynamics 365 Commerce Consultant <=
- 2025-12-26 Kraków => Konsultant Microsoft Dynamics 365 Finance <=
- 2025-12-26 Kraków => Microsoft Dynamics 365 Finance Consultant <=
- 2025-12-26 wymieniłem termostat
- 2025-12-26 Warszawa => Senior Backend Java Developer <=
- 2025-12-25 Finlandia przywraca swastykę




5 Najlepszych Programów do Księgowości w Chmurze - Ranking i Porównanie [2025]