Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów
pozycjonowanie div - Wersja do druku

+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: pozycjonowanie div (/thread-pozycjonowanie-div)



pozycjonowanie div - ozyrys - 06-03-2008

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!


RE: pozycjonowanie div - ppawel4 - 08-03-2008

ozyrys napisał(a):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.