[css] div na środku..., absolute... xD Opcje

[macza]

[HTML] pobierz, plaintext 
<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>
<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>
<div id="indexr2c3" style="position:absolute; left:74px; top:121px; width:497px; height:19px; z-index:3; background:url(images/index_r2_c3.jpg)">
pasek góra
</div>
<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>
<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>
<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>
<div id="indexr4c3" style="position:absolute; left:74px; top:146px; width:497px; height:20px; z-index:7; background:url(images/index_r4_c3.jpg)">
pasek dół
</div>
<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>
<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>
<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>
<div id="indexr7c2" style="position:absolute; left:14px; top:210px; width:165px; height:700px; z-index:11; background:url(images/index_r7_c2.jpg)">
menu
</div>
<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>
<div id="indexr7c5" style="position:absolute; left:194px; top:210px; width:580px; height:700px; z-index:13; background:url(images/index_r7_c5.jpg)">
głównaUstaw wielko&para;ć 
 
</div>
<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>
<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>
<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>
<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>
<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>
[HTML] pobierz, plaintext 

no i teraz mam problem: jak to wszytsko wyśrodkować bo ja nie wiem... thx all!

[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:

[HTML] pobierz, plaintext 
<div id="site" style="position: relative; width: 800px; margin: 0 auto">
<!--powyzej musisz edytowac wartosc width na taka jaka ma byc - nie mialem casu dociekac jaka to wszystko ma szerokosc-->
<!--Twoj kod-->
</div>
[HTML] pobierz, plaintext 

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

ps2. Dwusetny post

Ten post edytował Levabul 3.09.2006, 08:57:49

[macza]

dzieki bardzo + dla ciebie