Problem bei 1024x786

[wholetter]

Hallo zusammen,

habt ihr einen Tipp für mich, wie ich es schaffe, dass meine Seite mit der auflösung 1024x768 genauso aussieht (kein Scrollbalken, gleiche Abstände etc.) wie bei höheren Auflösungen?

Hier der Link: Meine Seite

Und hier der CSS-Code:

#vertical1 {position:absolute; top: 0px; 	left: 55%;	height: 99.8%;	width: 0px;	margin-left: -384px; border:1px solid black; z-index:400;}

#horizontal1 {position:absolute; top: 96px; 	left: 55%;	height: 0px;	width: 958px;	margin-left: -384px; border:1px solid black; }

#horizontal2 {position:absolute; top: 542px; 	left: 55%;	height: 0px;	width: 958px;	margin-left: -384px; border:1px solid black; z-index:199;}

#content {position:absolute; top: 97px; 	left: 55%;	height: 447px;	width: 900px;	margin-left: -383px;   background-color: #f0e938;}

#text1 { position:absolute; top: 200px; 	left: 55%;	height: 297px;	width: 320px;	margin-left: -363px;   background-color: #f0e938;  z-index:600; font-family: Verdana; font-size:13px; padding:5px;}

#text2 { 	 position:absolute; top: 200px; 	left: 55%;	height: 297px;	width: 320px;	margin-left: -15px;   background-color: #f0e938;  z-index:600; font-family: Verdana; font-size:13px; padding:5px;}

#banner {position:absolute; top: 3px; 	left: 55%;	height: 200px;	width: 700px;	margin-left: -370px;   z-index:200;}

#picr {position:absolute; top: 97px; 	left: 55%;	height: 445px;	width: 236px;	margin-left: 339px; z-index:701; border-right:1px solid black;    }

#menu {position:absolute; top: 97px; 	left: 55%;	height: 445px;	width: 200px;	margin-left: -584px; }

#startbut {position:absolute; top: 245px; 	left: 55%;	height: 20px;	width: 200px;	margin-left: -531px; z-index:300; }
#ideebut {position:absolute; top: 275px; 	left: 55%;	height: 20px;	width: 200px;	margin-left: -533px; z-index:300;} 
#refbut {position:absolute; top: 305px; 	left: 55%;	height: 20px;	width: 200px;	margin-left: -533px; z-index:300; }
#linkbut {position:absolute; top: 335px; 	left: 55%;	height: 20px;	width: 200px;	margin-left: -533px; z-index:300; }
#konbut {position:absolute; top: 365px; 	left: 55%;	height: 20px;	width: 200px;	margin-left: -533px; z-index:300;}

Schon mal vielen Dank!

 

[ein schlauer]

Meine Auflösung beträgt 2048x1152 und ich hab einen Scrollbalken. Mein Rat: mit relativen Angaben arbeiten, genau dafür ist HTML/CSS entwickelt worden, dass sich der Inhalt anpasst.