Forum PHP.pl

Witam!

Przekopałem trochę 'internetów' i nie znalazłem odpowiedzi na nurtujące mnie pytanie mianowicie: czy jest możliwe przejście do nowe linii div'em, coś a'la <br>.

Nie chodzi mi tu o sytuacje float'owania, ustalania wymiarów, clear:both itd.

Czy jeśli mam trzy div'y obok siebie (nieważne jakie są rozmiary i stosunek do całości strony) i chcę, żeby ten najbardziej z prawej 'przeszedł do nowej linii'.

Czy mogę to zrobić w CSS jakimś konkretnym poleceniem?

Pozdrawiam!

http://jsfiddle.net/9v3vukjx/

Fajnie tylko niestety funkcja clear przenosi 'pod spód' wszystkich div'ów.

Załóżmy, że mam nagłówek, środek i stopkę. Jeśli chcę 'przenieść na doł' div'a w obrębie środka to funkcja clear i tak przerzuca go do stopki (czyli na sam dół strony).

Mnie zależy, żeby funkcja zadziałała w obrębie jakiegoś kontenera.

No to pokaż kod a nie każesz się domyślać.

[HTML] pobierz, plaintext 
<div class='naglowek'>
naglowek
</div>
<div class='srodek'>
<div class='1'></div><div class='2'></div><div class='ten-pod-poprzednie'></div>
</div>
<div class='stopka'>
stopka
</div>
[HTML] pobierz, plaintext 

DIV o klasie 'ten-pod-poprzednie' powinien się znaleźć pod DIV'ami o klasie 1 i 2 ale nad DIV o klasie 'stopka'.

Poniżej grafika na szybko zrobiona. http://zapodaj.net/34f44c54a6158.png.html - chodzi o kwadrat nr 3.

Ten post edytował L0k0 4.02.2015, 14:33:12

Moje pytanie brzmi: Co właściwie chcesz osiągnąć?
Aby ten 3 był niżej daj 2 pierwszym:

[HTML] pobierz, plaintext 
width:50%;
float:left;
[HTML] pobierz, plaintext 

Z tym że przy dispaly jeśli ładnie piszesz kod będziesz miał małą przerwę. Możesz ją obejść albo dając dwa divy obok siebie bez spacji, przejścia w nową linie itp. (<div class="1"></div><div class="2"></div>). Albo dając między nimi komentarz.
A tamtemu 3 dać:

[HTML] pobierz, plaintext 
display: block;
[HTML] pobierz, plaintext 

Tylko mam pytanie. czemu nie użyjesz br? czemu nie możesz tych 3 divów wrzucić w jeszcze jeden który będzie miał odpowiedni width który sprawi że 3 "nie zmieści się" i zejdzie niżej?

Jeśli nadal będziesz miał problem to napisz. Az Ci to napiszę.

Ten post edytował NickOver 4.02.2015, 15:01:36

Po pierwsze: <br> jest znacznikiem do wykorzystania w tekście, a nie układania szkiletu strony. http://stackoverflow.com/questions/2732168...e-current-accep
Po drugie: wiem, że mogę to zrobić z odpowiednią szerokością, floatami i innymi bajerami. Jestem tego świadomy. Jednak zastanawiałem się nad prostszym i szybszym rozwiązaniem.
Po trzecie: nie jestem ekspertem ale div jest elementem blokowym więc to chyba nie ma sensu. Sens by to miało w przypadku <span>

No i po czwarte: Kolega wyżej rozwiązał mój problem

Pozdrawiam

Ten post edytował L0k0 4.02.2015, 15:43:02