Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [html] problem z divami
Forum PHP.pl > Forum > Przedszkole
grzeee
staram sie przerobic strone i chce zrobic bloki lewy, srodek, prawy
przyklad pod http://jea.pl/test/
lewy jest najwiekszy pozniej wsadzilem do niego prawy no i na koniec srodek
no i jak wpisuje jakas tresc to divy mi sie osuwaja po kolei w dol

style wygladaja tak

  1. div#lewa{
  2. background:#dedede;
  3. width: 850px;
  4. }
  5. div#prawa{
  6. background:#ADADAD;
  7. width:750px;
  8. margin-left: 150px;
  9. }
  10. div#srodek{
  11. background:#FAFAFA;
  12. width:550px;
  13. }


jak mam to zrobic aby divy mi sie nie przesuwaly questionmark.gif
wipo
A dostosuj lepiej zmienną width bo z tego co widzę to na dlugość strona ma 850+750+550=2050 px
grzeee
co prawda to mialem zle ale juz poprawilem prawa ma 600px a nie 750px smile.gif

ale to nie jest to bo one sa zagniezdzone w sobie srodek jest w prawej a prawa jest w lewej
Quentino
Nie jestem pewien czy o to chodzi dokładnie, ale spróbuj tak:

  1. div#lewa{
  2. background:#dedede;
  3. width: 150px;
  4. float: left;
  5. }
  6. div#prawa{
  7. text-align:right;
  8. background:#ADADAD;
  9. width:150px;
  10. margin-left: 0px;
  11. float: right;
  12. }
  13. div#srodek{
  14. background:#FAFAFA;
  15. width:550px;
  16. position:relative;
  17. left:150px
  18. }


  1. <div id="lewa">
  2. <div style="">
  3. lewa <br/>
  4. </div>
  5. </div>
  6.  
  7. <div id="prawa">
  8. prawa<br/>
  9. </div>
  10.  
  11.  
  12. <div id="srodek">
  13. srodek<br />
  14.  
  15. <div id="tresc">
  16. tresc
  17. </div>
  18. </div>
  19.  
  20. <div id="stopka">
  21. stopka
  22. </div>
grzeee
tak dokladnie chodzi mi o to
tylko bym nie chcial uzywac position:relative
bo pod IE Twoje rozwiazanie juz to nie wyglada tak samo jak pod opera
ma moze ktos inne rozwiazanie??
Quentino
No to mnie do głowy przychodzą jeszcze 2 możliwości, przy czym jednej raczej nie chcesz użyć.
Tabela - tego pewnie nie chcesz
albo
w lewym divie o rozmiarze 700px dwa divy:
jeden 150px float: left
drugi 550px float: right
no ale to się robi juz bardzo dużo divów
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.