Hallo,
ich arbeite seit einer weile an einer neuen Homepage. Jetzt war sie endlich fast Fertig (nur der Inhalt fehlt noch) und ich habe sie das erste mal im IE gestestet. Soweit sogut. Aber im Menü ist nur das letzte Element korrekt positioniert. Die Anderen sind alle zu hoch. Nur wenn ich das letzte auskommentiere (also nur das Impressung nicht das Div danach, dann sind die restlichen 3 perfekt ausgerichtet).
Aber sehr selbst: http://www.jg-mittweida.de
Hier noch die (meines erachtens) wichtigen Quelltextpassagen:
CSS Datei:
#menue {
margin:10px 0px 10px 0px;
font:bold 14pt Arial,Helvetica,sans-serif;
color:#444444;
background-color:#FFFFFF;
border-bottom:2px solid #2A8E60;
vertical-align:bottom;
}
.active {
padding:1px 3px 1px 3px;
border: solid #2A8E60;
border-width:1px 1px 0px 1px;
float: left;
background-color:#2A8E60;
color:#FFFFFF;
}
.link {
padding:1px 3px 1px 3px;
border: solid #2A8E60;
border-width:1px 1px 0px 1px;
float: left;
bottom:0px;
}
.link:hover {
background-color:#5CBF93;
}
Menüquelltext:
<div id="menue">
<a href="./index.htm"><span class="active">Termine</span></a>
<a href="./news.htm"><span class="link">Neuigkeiten</span></a>
<a href="./action.htm"><span class="link">Aktionen</span></a>
<a href="./impressum.htm"><span class="link">Impressum</span></a>
<div style="clear:both"></div>
</div>
Ich bitte um hilfe. Ich finde einfach nicht heraus wo der fehler liegt.
mfg.
Sebastian