✔ Überlagertes DIV (position: relative) macht nicht was es soll

[soezkan]

Hallo zusammen,

Es geht z.B. um diese Seite:
http://www.rodurago.net/index.php?site=lebensbaum&link=sahasrara#treetop

ich habe ein Problem mit einem überlagerten DIV, welches ich mit position: relative innerhalb eines anderen DIVs positioniere. Eigentlich sieht alles ganz okay aus, nur wundert mich, wie ich den überflüssigen Abstand zum Seitenfuss wegbekomme, welcher nämlich bei Opera dazu führt, ist das mir die Seite nicht an den Anker
springt (#treetop) sondern irgendwie ans Ende der Seite bzw. ans Ende des Bildes.
(man sieht den Unterschied, wenn man den "Kasten" mit den Infos schließt ("Schließen" klicken).

Auch vom Opera abgesehen, möchte ich den Abstand unten wegbekommen.

Wer kann mir da bitte einen Rat geben?

Vielen Dank schonmal.

Grüße
Soezkan

ps: hier die entsprechenden Styles:

div#infobox_long {
	position: relative;
	width: 450px; 
	height: 360px; 
	z-index: 10; 
	left: 85px; 
	bottom: 500px;
	margin: 0px 0px 0px 0px;
	padding: 15px 15px 15px 15px;
	background-color: #EAE4D6; 
	border: 2px solid #1D3367; 
	background-image: url(../images/input_bg_long.jpg);
}

div#infobox_middle {
	position: relative;
	width: 450px; 
	height: 300px; 
	z-index: 10; 
	left: 85px; 
	bottom: 500px;
	margin: 0px 0px 0px 0px;
	padding: 15px 15px 15px 15px;
	background-color: #EAE4D6; 
	border: 2px solid #1D3367; 
	background-image: url(../images/input_bg_long.jpg);
}

div#infobox_small {
	position: relative;
	width: 450px; 
	height: 220px; 
	z-index: 10; 
	left: 85px; 
	bottom: 500px;
	margin: 0px 0px 0px 0px;
	padding: 15px 15px 15px 15px;
	background-color: #EAE4D6; 
	border: 2px solid #1D3367; 
	background-image: url(../images/input_bg_long.jpg);
}

 

[Quaese]

Hi,

warum positionierst du das Element mit der Klasse ContentWideColumn nicht relativ. Dann könntest du #infobox_long darin absolut anordnen.

div#ContentBox .ContentWideColumn {
        position: relative;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 620px;
	text-align: justify;
	vertical-align: top;
	clear: both;
}

div#infobox_long {
	position: absolute;
	width: 450px; 
	height: 360px; 
	z-index: 10; 
	left: 85px;
        top: 150px; 
	bottom: 500px;
	margin: 0px 0px 0px 0px;
	padding: 15px 15px 15px 15px;
	background-color: #EAE4D6; 
	border: 2px solid #1D3367; 
	background-image: url(../images/input_bg_long.jpg);
}

Ciao
Quaese

 

[soezkan]

Zuerst mal danke an dieses phantastische Forum. Man bekommt immer sofort eine hilfreiche Antwort! Danke

Das Problem hat sich mit Deinem Tipp gelöst.

Merci!

Viele Grüße
Soezkan