Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [css] div na środku...
Forum PHP.pl > Forum > Przedszkole
macza
  1. <div id="indexr1c1" style="position:absolute; left:6px; top:5px; width:775px; height:116px; z-index:1;"><img name="index_r1_c1" src="images/index_r1_c1.jpg" width="775" height="116" border="0" alt="" /></div>
  2. <div id="indexr2c1" style="position:absolute; left:6px; top:121px; width:68px; height:70px; z-index:2;"><img name="index_r2_c1" src="images/index_r2_c1.jpg" width="68" height="70" border="0" alt="" /></div>
  3. <div id="indexr2c3" style="position:absolute; left:74px; top:121px; width:497px; height:19px; z-index:3; background:url(images/index_r2_c3.jpg)">
  4. pasek góra
  5. </div>
  6. <div id="indexr2c6" style="position:absolute; left:571px; top:121px; width:210px; height:19px; z-index:4;"><img name="index_r2_c6" src="images/index_r2_c6.jpg" width="210" height="19" border="0" alt="" /></div>
  7. <div id="indexr3c3" style="position:absolute; left:74px; top:140px; width:497px; height:6px; z-index:5;"><img name="index_r3_c3" src="images/index_r3_c3.jpg" width="497" height="6" border="0" alt="" /></div>
  8. <div id="indexr3c6" style="position:absolute; left:571px; top:140px; width:211px; height:51px; z-index:6;"><img name="index_r3_c6" src="images/index_r3_c6.jpg" width="211" height="51" border="0" alt="" /></div>
  9. <div id="indexr4c3" style="position:absolute; left:74px; top:146px; width:497px; height:20px; z-index:7; background:url(images/index_r4_c3.jpg)">
  10. pasek dół
  11. </div>
  12. <div id="indexr5c3" style="position:absolute; left:74px; top:166px; width:497px; height:25px; z-index:8;"><img name="index_r5_c3" src="images/index_r5_c3.jpg" width="497" height="25" border="0" alt="" /></div>
  13. <div id="indexr6c1" style="position:absolute; left:1px; top:191px; width:788px; height:19px; z-index:9;"><img name="index_r6_c1" src="images/index_r6_c1.jpg" width="788" height="19" border="0" alt="" /></div>
  14. <div id="indexr7c1" style="position:absolute; left:1px; top:210px; width:13px; height:661px; z-index:10;"><img name="index_r7_c1" src="images/index_r7_c1.jpg" width="13" height="661" border="0" alt="" /></div>
  15. <div id="indexr7c2" style="position:absolute; left:14px; top:210px; width:165px; height:700px; z-index:11; background:url(images/index_r7_c2.jpg)">
  16. menu
  17. </div>
  18. <div id="indexr7c4" style="position:absolute; left:179px; top:210px; width:15px; height:700px; z-index:12;"><img name="index_r7_c4" src="images/index_r7_c4.jpg" width="15" height="700" border="0" alt="" /></div>
  19. <div id="indexr7c5" style="position:absolute; left:194px; top:210px; width:580px; height:700px; z-index:13; background:url(images/index_r7_c5.jpg)">
  20. głównaUstaw wielko&para;ć
  21.  
  22. </div>
  23. <div id="indexr7c7" style="position:absolute; left:774px; top:210px; width:15px; height:700px; z-index:14;"><img name="index_r7_c7" src="images/index_r7_c7.jpg" width="15" height="700" border="0" alt="" /></div>
  24. <div id="indexr8c2" style="position:absolute; left:15px; top:910px; width:164px; height:10px; z-index:15;"><img name="index_r8_c2" src="images/index_r8_c2.jpg" width="164" height="10" border="0" alt="" /></div>
  25. <div id="indexr8c4" style="position:absolute; left:179px; top:910px; width:1px; height:10px; z-index:16;"><img name="index_r8_c4" src="images/index_r8_c4.jpg" width="1" height="10" border="0" alt="" /></div>
  26. <div id="indexr8c5" style="position:absolute; left:195px; top:910px; width:579px; height:10px; z-index:17;"><img name="index_r8_c5" src="images/index_r8_c5.jpg" width="579" height="10" border="0" alt="" /></div>
  27. <div id="indexr8c7" style="position:absolute; left:774px; top:910px; width:1px; height:10px; z-index:18;"><img name="index_r8_c7" src="images/index_r8_c7.jpg" width="1" height="10" border="0" alt="" /></div>


no i teraz mam problem: jak to wszytsko wyśrodkować questionmark.gif bo ja nie wiem... thx all! biggrin.gif
Cysiaczek
Szybko odpowiem - NIE wycentrujesz, bo ustawiłeś position:absolute .Wystarczyło poczytać dokumentację.

Pozdrawiam.
Levabul
Wycentruje. Wystarczy że całość osadzi w divie o pozycjonowaniu relatywnym (przez co obiekty z pozycjonowaniem absolutnym będą odnosić się do niego), ustawić jego szerokość (tego diva) i ustawić margines lewy i prawy na auto:
  1. <div id="site" style="position: relative; width: 800px; margin: 0 auto">
  2. <!--powyzej musisz edytowac wartosc width na taka jaka ma byc - nie mialem casu dociekac jaka to wszystko ma szerokosc-->
  3. <!--Twoj kod-->
  4. </div>


ps. zaleca się używanie zawnętrznych plików CSS.

ps2. Dwusetny post smile.gif
macza
dzieki bardzo + dla ciebie biggrin.gif
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.