Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS]Opływanie DIV'ów
Forum PHP.pl > Forum > Przedszkole
WojtasSP320
Kod
<div id="NR1" style="width: 100px; height: 200px; margin: 5px; border: 1px solid #000000; float: left;"></div>
<div id="NR2" style="width: 100px; height: 100px; margin: 5px; border: 1px solid #000000;"></div>
<div id="NR3" style="width: 100px; height: 100px; margin: 5px; border: 1px solid #000000;"></div>


Dlaczego NR2 i NR3 nachodzą na NR1?
Jak to najprościej zniwelować? Można dać margin-left: szerokosc_diva_NR1; dla NR2 i NR3, ale czy da się "prościej" - bardziej natywnie...? smile.gif
bartolomeo
sprobuj w NR1 dopisac clear:left;
WojtasSP320
Bez zmian...
Shili
Pytanie podstawowe:
Możesz tym elementom ustawić element nadrzędny z określoną szerokością?

Jeśli tak - problem jest banalny, bo robisz coś w tym stylu:
  1. <div style="width: 250px;">
  2. <div id="NR1" style="width: 100px; height: 200px; margin: 5px; border: 1px solid #000000; float: left;"></div>
  3. <div id="NR2" style="width: 100px; height: 100px; margin: 5px; border: 1px solid #000000; float: left;"></div>
  4. <div id="NR3" style="width: 100px; height: 100px; margin: 5px; border: 1px solid #000000; float: left;"></div>
  5. </div>
WojtasSP320
No w sumie to one będą w elemencie nadrzędnym z ustaloną szerokością, ale zrobię trochę inaczej:

  1. <div id="NADRZEDNY" style="width: 900px;">
  2. <div style="width: 100px; height: 200px; margin: 5px; border: 1px solid #000000; float: left;"></div>
  3. <div style="width: 100px; height: 100px; margin: 5px; margin-left: 650px; border: 1px solid #000000;"></div>
  4. <div style="width: 100px; height: 100px; margin: 5px; margin-left: 650px; border: 1px solid #000000;"></div>
  5. </div>


Ale dzięki za podsunięcie pomysłu smile.gif

Uznaję temat za rozwiązany z werdyktem: "prościej się NIE DA".
Kto uważa inaczej niech podeśle rozwiązanie.
hiszpanespaniol
clear: both

i nie przejmujesz sie czy cos jest przed lub za div'em. mysle ze ten sposob jest najprostszy. jezeli masz kilka div'ow ktore maja ustawione float (np gdy tworzysz z nich komorki pseudotabeli) to wtedy nie ma innego rozwiazania jak dodac po nich kolejny div ze style clear: both, ale jesli chodzi tylko o 1 div, to wystarczy mu dodac clear.

edit:
wlasciwie to mozesz chyba usunac ten float z div'a NR1 ?
przepraszam za brak polskich znakow, nie moge ich wpisywac chwilowo
WojtasSP320
Jeśli usunę float z NR1 to zgodnie z założeniami CSS (dot. elementów blokowych) DIVy ustawią się jeden pod drugim, a nie o to mi chodzi. Twoja podpowiedź z clear: both też nie ma prawa działać. Sorry.
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.