Forum PHP.pl > Cztery bloki DIV w dwóch rzędach

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: Cztery bloki DIV w dwóch rzędach

Forum PHP.pl > Forum > Po stronie przeglądarki > CSS

gumer

29.01.2009, 10:32:24

Witam. Mam duży problem z zrobieniem poniższego układu divów.

Kod

+-----+-----+
|     |     |
|     |     |
+-----+-----+
|     |     |
|     |     |
+-----+-----+

Zapytuję was, pomożecie?

nevt

29.01.2009, 11:07:11

[HTML] pobierz, plaintext 
<html>
    <head>
        <style type="text/css">
            .c0, .c1 { background: red; border: solid 1px black; float: left; height: 200px; width: 200px; }
            .c0 { clear: left; }
        </style>
    </head>
  <body>
<div class="c0">1</div>
<div class="c1">2</div>
<div class="c0">3</div>
<div class="c1">4</div>
  </body>
</html>
[HTML] pobierz, plaintext

powodzenia.

gumer

29.01.2009, 11:10:06

Dziękuję. Oczywiście klikam "Pomógł".

SpiderPL

1.02.2009, 15:07:51

Ja mam podobny problem. Mam dwa rzędy divów i nie jestem w stanie przewidzieć ile ich będzie, czy będzie ich 10, czy może 7 albo 8, albo może tylko 1 albo 3. Chciałbym je wycentrować tak, aby wyglądało to jak na rysunku nr 2, a wychodzi mi jak na rysunku nr 1. Próbowałem już umieszczać je w <div style="text-align:center"> ale to nic nie pomaga. Każdy z divów ma parametr float:left. Męczę się z tym już bardzo długo, szukałem w Googlach ale nic nie znalazłem.

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.