[CSS] Ustawianie divów wewnątrz innego

Odpowiedz Nowy wątek
2009-09-23 13:29

Rejestracja: 15 lat temu

Ostatnio: 2 dni temu

0

Witam. Mam problem z ustawieniami DIVów. Najprościej będzie, jak opiszę to na uproszczonym przykładzie:

Fragment kodu:

<html>
<head>
</head>
<body>
<div style="border:solid green">
    <div style="border:solid red; float:left; width:200px; margin:3px;">Ala ma kota kot ma Alę</div>
    <div style="border:solid red; float:left; width:200px; margin:3px;">Ala ma kota kot ma Alę</div>
    <div style="border:solid red; float:left; width:200px; margin:3px;">Ala ma kota kot ma Alę</div>
    <div style="border:solid red; float:left; width:200px; margin:3px;">Ala ma kota kot ma Alę</div>
</div>
</body>
</html>

Cel, jaki chcę osiągnąć: jest jeden duży DIV (z zieloną ramką). Wewnątrz niego, ustawione obok siebie mniejsze DIVy (z czerwoną ramką).

Ustawienie czerwonych DIVów zrealizowałem przy użyciu float:left. Zachowują się teraz bardzo ładnie, przestawiają się razem ze zmianą okna przeglądarki i w ogóle są fajne. Gorzej z DIVem zielonym - zamiast obejmować te mniejsze, on się kurczy do minimum i zostaje z niego kreska. W efekcie w przeglądarce wygląda to tak:

user image

Jak to poprawić?


Staram się jak mogę. A jak nie mogę, to też się staram.

Pozostało 580 znaków

2009-09-23 20:01

Rejestracja: 18 lat temu

Ostatnio: 9 miesięcy temu

0

na samym końcu czerwonego (edit: ofc zielonego, ale odbiorca widać i tak zrozumial przekaz ;)) daj:
<div style="clear:both"></div>


Pozostało 580 znaków

2009-09-24 11:35

Rejestracja: 15 lat temu

Ostatnio: 2 dni temu

0

Dziękuję!


Staram się jak mogę. A jak nie mogę, to też się staram.

Pozostało 580 znaków

Odpowiedz

1 użytkowników online, w tym zalogowanych: 0, gości: 1, botów: 0