Ocena wątku:
  • 0 głosów - średnia: 0
  • 1
  • 2
  • 3
  • 4
  • 5
[CSS] dwie kolumny w kontenerze
#6
Trudno mi to sobie teoretycznie wyobrazić, bo zawsze zrobi się bałagan np:
Kod:
<html>
<head>
<title>biale pola w kolumnach</title>
<style type="text/css">
.c {
width: 80%;
background-color: silver;
}
.e {
float: left;
width: 50%;
background-color: yellow;
margin-bottom: 1em;
border-bottom: solid 1px red;
}

.f {
float: right;
width: 50%;
background-color: yellow;
margin-bottom: 1em;
border-bottom: solid 1px red;
}

</style>
</head>
<body>
<h3>DWIE KOLUMY W KONTENERZE</h3>

<div class="c">
    <div class="e">
        element1<br>b<br>c
    </div>
    <div class="f">
        element2<br>a<br>a<br>a<br>a<br>a<br>a
    </div>
    <div class="e">
        element3<br>b
    </div>
    <div class="f">
        element4
    </div>
    <div class="e">
        element5<br>b<br>c<br>d<br>e
    </div>
        <div class="f">
        element6<br>b<br>c
    </div>
</div>

</body>
</html>

Oczywiście to źle działa, chodzi mi o to żebyś zobaczył jak się ustawiły elementy:
1 2
3 2
4 2
5 6

Zwykle elemanty w rózwnych kolumnach ustawi się +/- tak jak masz u siebie (z tą przerwą) przykład u dołu mojego bloga: http://websta.pl/
1 2
3 4

Z kolei na jednej z moich podstron mam 2 kolumny http://labsta.com/uslugi/zamow-strone-www.html ale w układzie
1 4
2 5
3

Więc ogólnie mamy problem, bo jeśli dobrze cię rozumiem to zrobi się bałagan.
Osobiści zastosowałbym układ dwóch kolumn i kolejność
1 2
3 4

Czyli niezależnie od wysokości co drugi element do prawej kolumny. Przy takiej opcji może wyjść np. coś takiego:
1 2
3 2
5 2
7 4
7 6
7

Jeśli dobrze Cię rozumiem to nie przychodzi mi nic innego do głowy. Kolejnośc w kodzie wygląda prosto jednak cięzko mi sobie wyobrazić kolejność, o którą Ci chodzi wizualnie.

EDIT:
Może jakiś realny (praktyczne użycie) by mi to rozjaśniło, bo wyobraźni mi nie starcza Smile
Odpowiedz


Wiadomości w tym wątku
[CSS] dwie kolumny w kontenerze - przez w0x - 21-10-2009, 00:07
RE: [CSS] dwie kolumny w kontenerze - przez w0x - 21-10-2009, 00:35
RE: [CSS] dwie kolumny w kontenerze - przez w0x - 21-10-2009, 01:39
RE: [CSS] dwie kolumny w kontenerze - przez Labsta.com - 21-10-2009, 02:04
RE: [CSS] dwie kolumny w kontenerze - przez w0x - 21-10-2009, 02:27
RE: [CSS] dwie kolumny w kontenerze - przez w0x - 21-10-2009, 03:37

Podobne wątki…
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  [JS] Dzielenie tablicy na dwie tablice rejcz 1 3,420 05-10-2013, 01:34
Ostatni post: msx83
  Dwie kolumny z jednym tłem w CSS. groobyy88 5 5,043 30-05-2011, 02:07
Ostatni post: groobyy88
  [CSS] układ 3 kolumn - jak wcisnąć środkową między dwie pozostałe Szorstki 10 9,161 27-10-2010, 02:10
Ostatni post: Szorstki
  CSS , 2 kolumny - problem z tłem tiger188 5 3,827 28-07-2010, 15:36
Ostatni post: Kartofelek
  [Problem] Dopasowanie wysokości 1 kolumny do 2 assassin54 1 2,198 10-08-2009, 17:51
Ostatni post: Kartofelek

Skocz do:


Użytkownicy przeglądający ten wątek:
Sponsorzy i przyjaciele
SeoHost.pl