Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS] DIV w nowym wierszu
Forum PHP.pl > Forum > Przedszkole
L0k0
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!
Pyton_000
http://jsfiddle.net/9v3vukjx/
L0k0
Cytat(Pyton_000 @ 4.02.2015, 14:10:20 ) *


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.
Pyton_000
No to pokaż kod a nie każesz się domyślać.
L0k0
  1. <div class='naglowek'>
  2. naglowek
  3. </div>
  4. <div class='srodek'>
  5. <div class='1'></div><div class='2'></div><div class='ten-pod-poprzednie'></div>
  6. </div>
  7. <div class='stopka'>
  8. stopka
  9. </div>


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.
mls
http://jsfiddle.net/mktx0Lkz/

a jak div z klasą "stopka" będzie miał position: absolute lub position: fixed to w ogóle nie widzę problemu...
L0k0
Lkingsmiley.png
NickOver
Moje pytanie brzmi: Co właściwie chcesz osiągnąć?
Aby ten 3 był niżej daj 2 pierwszym:
  1. width:50%;
  2. float:left;

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ć:
  1. display: block;


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ę.
L0k0
Cytat(NickOver @ 4.02.2015, 15:01:02 ) *
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?


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:
Kod
display: block
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 smile.gif

Pozdrawiam
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.