pozycjonowanie div

[ozyrys]

Witam!

Problem dotyczy pozycjonowania w 'div', otóż nie można zrzucić normalnym sposobem elementów pisanych poniżej elementów pozycjonowanych, czyli np:

Kod:

<div style="border: solid 1px blue; float: left; padding: 10px">
<div style="float: left; border-width: 4px;
    width: 3cm;
    height: 2cm;
    margin-right: 1cm;
    
    border-style: solid dotted;">
</div>


<div style="float: left; border-width: 4px;
    width: 3cm;
    height: 2cm;
    
    border-style: double solid dotted dashed;">
</div>
</div>

<div style="clear: left;">
i tu jest przykładowy tekst, który to znalazł sobie miejsce poniżej elementów powyżej...
</div>

chodzi o to by tekst objęty ostatnim 'div'-em, mogł być zrzucony linie czy dwie niżej przy pomocy np. polecenia 'br', które działa dopiero gdy się je zwielokrotni przy siódmym razie, próbuje 'margin' ale działa na wszystkie boki prócz góry, więc co jest grane please pomocy!

[ppawel4]

Witam!

Problem dotyczy pozycjonowania w 'div', otóż nie można zrzucić normalnym sposobem elementów pisanych poniżej elementów pozycjonowanych, czyli np:

Kod:

<div style="border: solid 1px blue; float: left; padding: 10px">
<div style="float: left; border-width: 4px;
    width: 3cm;
    height: 2cm;
    margin-right: 1cm;
    
    border-style: solid dotted;">
</div>


<div style="float: left; border-width: 4px;
    width: 3cm;
    height: 2cm;
    
    border-style: double solid dotted dashed;">
</div>
</div>

[b]<div style="clear: left;">[/b]
i tu jest przykładowy tekst, który to znalazł sobie miejsce poniżej elementów powyżej...
</div>

chodzi o to by tekst objęty ostatnim 'div'-em, mogł być zrzucony linie czy dwie niżej przy pomocy np. polecenia 'br', które działa dopiero gdy się je zwielokrotni przy siódmym razie, próbuje 'margin' ale działa na wszystkie boki prócz góry, więc co jest grane please pomocy!

Zamiast tego pogrubionego wpisz

Kod:

<div style="clear: both;">

A jakbyś później chciał jeszcze obniżyć to daj górnego margina.