✔ Im Firefox geht's... Im Internet Explorer nicht

[Kaluza229]

Hallo zusammen !

Bin gerade dabei eine Homepage für ein Projekt bezüglich des Studiums zu machen.
Nun habe ich folgendes Problem.
Habe eine Seite mit zwei Frames (oben --> Navigationsframe und haupt--> den Inhalt der Seite) in Dreamweaver CS3 erstellt.

http://www.luki-hug.de/test/oben.html

In meinem oberen Navigationsframe stehen nun die Links in weißer Schrift auf dem blauen Balken... Dies wird im Firefox auch korrekt so angezeigt. Nur im Internet Explorer verutscht die weiße Schrift nacht unten, so dass man sie nicht mehr sieht.

Kann mir jemand helfen...
Bin auch gerne bereit die Formatierung irgendwie anders mit Hilfe con CSS oder so zu machen. Nur kenn ich mich da halt leider nicht so gut aus.
Aber wenn Ihr mir Tipps gebt, gerne

Danke scho mal im Voraus

Gruß Lukas

 

[Maik]

Hi,

betrachte die Tabelle mal mit aktiviertem Tabellenrahmen - der IE stellt die obere Tabellenzeile nicht in der gewünschten Höhe dar.

Lösung: das Attribut height="201" im table-Eement entfernen.

mfg Maik

 

[Kaluza229]

Hallo Maik,

coole Sache Hat funktioniert. Manchmal ist die Lösung so einfach. Aber draufgekommen wär ich da glaub nicht !

Also Dankeschön !

Gruß Lukas

 

[Maik]

Bin auch gerne bereit die Formatierung irgendwie anders mit Hilfe con CSS oder so zu machen. Nur kenn ich mich da halt leider nicht so gut aus.
Aber wenn Ihr mir Tipps gebt, gerne

Auch da hätte ich für dich etwas im Angebot: ein "CSS-Listenmenü"

<ul id="nav">
    <li><a href="haupt.html" target="mainFrame" id="haupt">Home</a></li>
    <li><a href="projekt.html" target="mainFrame" id="projekt">Das Projekt</a></li>
    <li><a href="team.html" target="mainFrame" id="team">Das Team</a></li>
    <li><a href="Sponsoren.html" target="mainFrame" id="sponsoren">Sponsoren</a></li>
    <li><a href="hyperlinks.html" target="mainFrame" id="hyperlinks">Links</a></li>
    <li><a href="kontakt.html" target="mainFrame" id="kontakt">Kontakt</a></li>
    <li id="last"><strong><span class="Stil7">+++</span></strong></li>
</ul>

* {
margin:0;
padding:0;
}
body {
font-family: Arial, Helvetica, sans-serif;
}
ul#nav {
width:775px;
height:201px;
background:url(oben.gif) no-repeat;
padding:127px 0 0 25px;
list-style:none;
text-align:center;
}
ul#nav li {
float:left;
}
ul#nav li#last {
margin-left:14px;
width:176px;
}
ul#nav a {
display:block;
}
ul#nav a#haupt {
width:86px;
}
ul#nav a#projekt {
width:102px;
}
ul#nav a#team {
width:108px;
}
ul#nav a#sponsoren {
width:105px;
}
ul#nav a#hyperlinks {
width:76px;
}
ul#nav a#kontakt {
width:84px;
}

mfg Maik