Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [html] problem z divami
grzeee
post 17.02.2007, 14:13:14
Post #1





Grupa: Zarejestrowani
Postów: 102
Pomógł: 5
Dołączył: 24.11.2006

Ostrzeżenie: (0%)
-----


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

Ten post edytował grzeee 17.02.2007, 14:14:15


--------------------
Polecam Jastrzębia Góra, serwis o nadmorskiej miejscowości.
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 5)
wipo
post 17.02.2007, 14:26:43
Post #2





Grupa: Zarejestrowani
Postów: 856
Pomógł: 19
Dołączył: 30.08.2005
Skąd: 100lica

Ostrzeżenie: (0%)
-----


A dostosuj lepiej zmienną width bo z tego co widzę to na dlugość strona ma 850+750+550=2050 px


--------------------
Go to the top of the page
+Quote Post
grzeee
post 17.02.2007, 14:39:37
Post #3





Grupa: Zarejestrowani
Postów: 102
Pomógł: 5
Dołączył: 24.11.2006

Ostrzeżenie: (0%)
-----


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


--------------------
Polecam Jastrzębia Góra, serwis o nadmorskiej miejscowości.
Go to the top of the page
+Quote Post
Quentino
post 17.02.2007, 16:27:39
Post #4





Grupa: Zarejestrowani
Postów: 9
Pomógł: 0
Dołączył: 17.02.2007

Ostrzeżenie: (0%)
-----


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>
Go to the top of the page
+Quote Post
grzeee
post 17.02.2007, 16:58:52
Post #5





Grupa: Zarejestrowani
Postów: 102
Pomógł: 5
Dołączył: 24.11.2006

Ostrzeżenie: (0%)
-----


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??

Ten post edytował grzeee 17.02.2007, 17:16:16


--------------------
Polecam Jastrzębia Góra, serwis o nadmorskiej miejscowości.
Go to the top of the page
+Quote Post
Quentino
post 17.02.2007, 17:18:12
Post #6





Grupa: Zarejestrowani
Postów: 9
Pomógł: 0
Dołączył: 17.02.2007

Ostrzeżenie: (0%)
-----


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
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 19.07.2025 - 17:28