[CSS] Positionsfehler!

[NewNoise]

Hallo!

Nach längerer Abstinenz melde ich mich hier mal wieder zu Wort!

Zunächst eine kurze Frage:
auf meiner Seite habe ich via Javascript die Scrollpfiele eingefügt, würde diese aber gerne direkt an der SB positionieren und am liebsten noch oben und unten, gelingt mir aber nicht ...

HTML könnt ihr euch ja ansehen, die CSS sieht aus wie folgt:

html { 
	height:90%;
	margin:auto;
	padding:0px;
	overflow: hidden;
	background-color: transparent;
}

body {
	margin:auto;
	padding: 40px;
	text-align:center;
	background-color: transparent;
}

html>body {
	height:90%;
	background-color: transparent;
}

#iframe {
	border: hidden;
	background-color: transparent;
	margin:0px;
	padding: 0px;
	overflow: hidden;
}

#ges {
	width: 850px;
	height: 550px;
	background: url(pics/bgg.jpg) no-repeat center center;
	position: absolute;
	left: 50%;
	margin-left: -425px;
}
	 

#sb {
    width: 200px;
	height: 480px;
 	float: left;
	background-color: transparent;
	padding-left: 25px;
	padding-top: 20px;
}

#pic {
    width:600px;
	height:480px;
	float: left;
	text-align: left;
	background-color: transparent;
	padding: 30px 0px 0px 0px;
}

#scroll {
	width: 20px;
	height: 480px;
	float: left;
	background-color: transparent;
	padding: 20px 0px 0px 0px;
}

#text {
	position: absolute;
	top: 50%;
}

Danke schonmal für die Hilfe!
Gruß
Noise

 

[dkdenz]

Das könnteste machen, obwohl das keine saubere Lösung ist:

#scroll {
	width: 20px;
	height: 480px;
	float: left;
	background-color: transparent;
	padding: 20px 0px 0px 0px;
        [B]margin-left:-50px;[/B]
}

 

[NewNoise]

Prima,
so gehts!
Danke!

 

[dkdenz]

Keine Ursache...