nicht angemeldet
Hallo.
Bevor ich meine Frage stelle, poste ich erst einmal den Quelltext:
----------------------------------------------
<span id="teams1">
<div class="menupoint">Team1</div>
<div class="menupoint">Team2</div>
</span>
<span id="saison1">
<div class="menupoint">Saison 2002</div>
<div class="menupoint">Saison 2003</div>
<div class="menupoint">Saison 2004</div>
<div class="menupoint">Saison 2005</div>
</span>
----------------------------------------------
----------------------------------------------
.menupoint
{
background-color:#CC9966;
border-bottom:thin solid #CCCCCC;
border-top:thin solid #CCCCCC;
}
----------------------------------------------
----------------------------------------------
#teams1
{
display:block;
visibility:visible;
background-color:#CCFF33;
color:#FFFFFF;
width:20%;
margin-left:350px;
}
#saison1
{
display:block;
visibility:visible;
background-color:#CCFF33;
color:#FFFFFF;
width:20%;
margin-left:350px;
}
----------------------------------------------
Anmerkung: #saison1 und #teams1 sind zwar identisch, ich möchte aber trotzdem noch etwas hinzufügen was dann nicht auf beide zutreffen soll. Deshalb wäre die eine gemeinsame id für beide Elemente Quatsch.
Mein Problem betrifft nur #teams1. Es wird gnadenlos auf 100% Höhe dargestellt, #saison1 jedoch auf normaler Höhe. Die zwei Einträge in #teams1 sind aber da, jedoch ist das erst div im span #teams1 auf unglaubliche Höhe angeschwollen.
Zum Beschreiben ist es zu schwer, braucht ihr einen Screenshot?
Ich denke, es liegt am Bild, das da im Weg ist, doch die beiden spans sind weit außerhalb des Bildes (350px vom linken Rand weg) und somit dürfte das Bild keinen Einfluss darauf haben.
Was ich eigentlich möchte, ist, dass die divs einfach übereinanderliegen, und per JS dann immer eines sichtbar gemacht wird. Ihr ahnt es schon - es soll eine Navigation werden :)
Die JS-Funktion habe ich schon, darin brauche ich momentan keine Hilfe. Nur wäre es nett, wenn ihr mir sagen könntet, wie man divs übereinander legt, sie sollen sich nicht gegenseitig verschieben, sondern einfach nur wie ein Stapel Papier übereinander liegen. Wäre das möglich? Natürlich sollten diese spans und divs sich dann auch über das Bild legen können, ohne es zu verschieben.
Wäre euch unendlich dankbar, wenn ihr eine Lösung hättet. euer tramper