_Leviathan_
Neues Mitglied
Hallo Leute, :)
ich bastel nun schon seit längerem an meiner ersten Website. Da ich weitestgehend fertig bin ladete ich die Seite nun hoch. Getestet hatte ich zuvor auf meinem Laptop und Desktop-Rechner... mit IE, Opera, Firefox... und verschiedenen Auflösungen.
Nun sitze ich hier an einem anderen Rechner und sehe, dass im IE die Menüleiste gar nicht auf geht. Auch verschiebt sich die Navi-Leiste bei 1024x768. Und links oben in der Ecke steht irgend ein Kauderwelsch. :( (die noch fehlenden Maskierungen sind nebensächlich, werde ich demnächst ändern)
Im folgenden die Seite und einige Fragen, samt CSS-Text. Wäre nett, könnte mir da jemand etwas beantworten. Ich versuche nebenher natürlich selber die Probleme zu finden, bin aber als Rookie teils doch sehr verwirrt. ;)
Die Seite:
Startseite von Prof. Dr. Thomas Stamm-Kuhlmann
Fragen:
1) Wie bekomme ich links oben in der Ecke, im Firefox, diese komischen Zeichen weg? Im IE ist es nicht.
2) In Firefox ist die Navi-Leiste nicht über dem dafür gemachten Hintergrund - warum?
3) Warum habe ich im IE keine aufklappende Navi-Leiste?
Ich hoffe jemand weis Rat. :)
CSS-Text
ich bastel nun schon seit längerem an meiner ersten Website. Da ich weitestgehend fertig bin ladete ich die Seite nun hoch. Getestet hatte ich zuvor auf meinem Laptop und Desktop-Rechner... mit IE, Opera, Firefox... und verschiedenen Auflösungen.
Nun sitze ich hier an einem anderen Rechner und sehe, dass im IE die Menüleiste gar nicht auf geht. Auch verschiebt sich die Navi-Leiste bei 1024x768. Und links oben in der Ecke steht irgend ein Kauderwelsch. :( (die noch fehlenden Maskierungen sind nebensächlich, werde ich demnächst ändern)
Im folgenden die Seite und einige Fragen, samt CSS-Text. Wäre nett, könnte mir da jemand etwas beantworten. Ich versuche nebenher natürlich selber die Probleme zu finden, bin aber als Rookie teils doch sehr verwirrt. ;)
Die Seite:
Startseite von Prof. Dr. Thomas Stamm-Kuhlmann
Fragen:
1) Wie bekomme ich links oben in der Ecke, im Firefox, diese komischen Zeichen weg? Im IE ist es nicht.
2) In Firefox ist die Navi-Leiste nicht über dem dafür gemachten Hintergrund - warum?
3) Warum habe ich im IE keine aufklappende Navi-Leiste?
Ich hoffe jemand weis Rat. :)
CSS-Text
HTML:
* {
margin:0;
padding:0;
}
body{
padding: 0px;
margin: 0 auto;
font-family: Tahoma, Arial, sans-serif;
font-size: 0.7em;
line-height: 1.8em;
}
/* Links - Lehrstuhl und Kontakt */
#n1_hintergrund{
background-image: url(imgs/.gif);
background-repeat:no-repeat;
border: 0;
margin: 2px 0px 1px 0px;
padding: 2px 0px 0px 0px;
width: 100%;
height: 1.3em;
}
.n1_inkbox{ float: right; padding-right: 30px; }
.n1_inkbox a{ padding: 0px 10px 0px 10px;}
a:link{ color: #0099ff; text-decoration: none; }
a:visited{ color: #0099ff; text-decoration: none; }
a:hover{ color: #0099ff; text-decoration: underline; }
a:active{ color: #0099ff; text-decoration: underline; }
/* NAVIGATION */
#n2{
background-image: url(imgs/navigation.gif);
background-repeat: no-repeat;
margin: 0px auto;
width: 100%;
height: 6em;
padding: 0px;
z-index: 100;
font-size: 1.2em;
}
#menu{
position: absolute;
top: 2.9em;
left: 225px;
z-index: 100;
width:958;
text-align:center;
}
#menu, #menu ul{
list-style-type: none;
margin: 0px auto;
padding: 0px;
}
#menu li, #menu li a{
width: 130px;
float: left;
font-family: Tahoma, Arial, sans-serif;
font-size: 1.0em;
color: #000;
text-decoration: none;
}
#menu li ul{
display: none;
margin-top: 8px;
font-family: Tahoma, Arial, sans-serif;
font-size: 0.8em;
line-height: 1.8em;
width: 130px;
text-align: left;
}
#menu li ul li{
text-align: left;
}
#menu li a:hover, #menu li a:focus{ color: #0099ff; }
#menu li:hover ul{
display: block;
float: left;
background: #fff;
border: 1px solid #eaeaea;
}
/* IMAGE */
#image{
position: absolute;
border: 0px;
margin: 0 auto;
height: 151px;
width: 207px;
left: 30px;
top: 0px;
}
.sub{
float: left;
width: 94%;
text-align: center;
color: #0099ff;
margin: 0px 0px 25px 0px;
}
.sub a{
padding: 0px 20px 0px 20px;
color: #0099ff;
}
