Wyśrodkowanie strony Opcje

[lapek]

Mam problem z wyśrodkowaniem strony.
Szukałem już, zrobiłem co było napisane i dalej nic.

style.css

[CSS] pobierz, plaintext 
html, body {
	background: url('images/bg.gif') repeat-x;
  border:0;
  font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #000;
  text-align: center;
  margin: 0px auto;
 
}
 
 
#table {
 margin: 0px auto;
  text-align: left;
	width:800px;
	height:600px;	 
}
 
 
#id01 {
	position:absolute;
	left:0px;
	top:0px;
	width:800px;
	height:29px;
}
 
#id02 {
	position:absolute;
	left:0px;
	top:29px;
	width:655px;
	height:51px;
}
 
#id03 {
	position:absolute;
	left:655px;
	top:29px;
	width:141px;
	height:141px;
}
 
#id04 {
	position:absolute;
	left:796px;
	top:29px;
	width:4px;
	height:571px;
}
 
#id05 {
	position:absolute;
	left:0px;
	top:80px;
	width:211px;
	height:117px;
}
 
#tresc {
  text-align:justify;
  background: url('images/06.png') no-repeat;
  color: #0B0B3B;
	position:absolute;
	left:211px;
	top:80px;
	width:348px;
	height:322px; 
 
}
 
#id07 {
	position:absolute;
	left:559px;
	top:80px;
	width:96px;
	height:338px;
}
 
#id08 {
	position:absolute;
	left:655px;
	top:170px;
	width:141px;
	height:92px;
}
 
#id09 {
	position:absolute;
	left:0px;
	top:197px;
	width:35px;
	height:403px;
}
 
#id10 {
  padding-top: 40;
  background: url('images/10.png') no-repeat;
	position:absolute;
	left:35px;
	top:197px;
	width:106px;
	height:106px;
}
 
#id11 {
	position:absolute;
	left:141px;
	top:197px;
	width:70px;
	height:194px;
}
 
#id12 {
	position:absolute;
	left:655px;
	top:262px;
	width:129px;
	height:129px;
}
 
#id13 {
	position:absolute;
	left:784px;
	top:262px;
	width:12px;
	height:338px;
}
 
#id14 {
	position:absolute;
	left:35px;
	top:303px;
	width:106px;
	height:88px;
}
 
#id15 {
	position:absolute;
	left:35px;
	top:391px;
	width:68px;
	height:209px;
}
 
#id16 {
	position:absolute;
	left:103px;
	top:391px;
	width:108px;
	height:108px;
}
 
#id17 {
	position:absolute;
	left:655px;
	top:391px;
	width:129px;
	height:27px;
}
 
#id18 {
	position:absolute;
	left:211px;
	top:402px;
	width:348px;
	height:85px;
}
 
#id19 {
	position:absolute;
	left:559px;
	top:418px;
	width:120px;
	height:120px;
}
 
#id20 {
	position:absolute;
	left:679px;
	top:418px;
	width:105px;
	height:182px;
}
 
#id21 {
	position:absolute;
	left:211px;
	top:487px;
	width:118px;
	height:113px;
}
 
#id22 {
	position:absolute;
	left:329px;
	top:487px;
	width:112px;
	height:112px;
}
 
#id23 {
	position:absolute;
	left:441px;
	top:487px;
	width:118px;
	height:113px;
}
 
#id24 {
	position:absolute;
	left:103px;
	top:499px;
	width:108px;
	height:101px;
}
 
#id25 {
	position:absolute;
	left:559px;
	top:538px;
	width:120px;
	height:62px;
}
 
#id26 {
	position:absolute;
	left:329px;
	top:599px;
	width:112px;
	height:1px;
}
 
 
 
 
 
 
 
a.link1
{
font-weight:bold;
color:white;
text-decoration:none;
}
[CSS] pobierz, plaintext 

adres strony: testing-blog.yoyo.pl

Pozdrawiam

Powód edycji: [thek]: Poprawiłem jeszcze bbcode na prawidłowy... Skoro to plik CSS to używaj [css] a nie [code]!

[thek]

Jeśli się używa pozycjonowania absolutnego to się nie ma co dziwi. Position:absolute ustawia element pozycjonowany zawsze względem najbliższego przodka, który ma pozycjonowanie inne niż static, a jeśli nie ma takowego, to ustawia względem body. I to ostatnie nastąpiło w tym wypadku. Jak to poprawić? Do #table dopisz jeszcze position:relative; a wszystko będzie cacy

[Rid]

Układ strony CSS flexible nie należy do najlepszych,nie wiem czy sprawdzał Pan na różnych rozdzielczościach ekranu.
Radziłbym poczytać o fluid layout-wydaje mi się że jest lepszym rozwiązaniem.

[lapek]

Dziękuje bardzo za porady