Wo ist der Fehler
Moppel
- css
Hey,
ich habe hier gestern im Themenbereich "Seitenberwertung" ein projekt vorgestellt. Heute veruche ich eure Verbesserungsvorschläge aufzugreifen. Jetzt hab ich mir irgendwo einen Fehler reingehauen und nichts funktioniert mehr. Ich denke, dass es an der CSS liegt. Habe die Zeilenanzahl verkürzt und Kommentare eingefügt. Seltsam ist, das bei Phase5 in der Browseransicht alles korrekt dargestellt wird. Im IE allerdings garnichts.
Der Link zur Seite: Zur Seite
Hier nocheinmal die CSS-Datei:
<!-- Global gültige Layouts -->
html { background-color:#960f0f; }
a img { border : 0 none; }
table { border:0px; border-collapse: collapse; }
table td { padding : 0; vertical-align: middle; }
<!-- Layouts für die Links -->
a.nav:link { font-family:'Verdana' ;font-style: normal;font-variant: normal;font-size: 11pt;
font-weight: normal;text-decoration: none;color: white; display:block; text-align: left; }
a.nav:visited { font-family:'Verdana' ;font-style: normal;font-variant: normal;font-size: 11pt;
font-weight: normal;text-decoration: none;color: white; display:block; text-align: left; }
a.nav:hover { font-family:'Verdana' ;font-style: normal;font-variant: normal;font-size: 11pt;
font-weight: bold;text-decoration: none;color: #960f0f; display:block; text-align: left; }
a.nav:active { font-family:'Verdana' ;font-style: normal;font-variant: normal;font-size: 11pt;
font-weight: bold;text-decoration: none;color: #960f0f; display:block; text-align: left; }
a.nav:focus { font-family:'Verdana' ;font-style: normal;font-variant: normal;font-size: 11pt;
font-weight: bold;text-decoration: none;color: #960f0f; display:block; text-align: left; }
a.textzeile:link { font-family:'Verdana' ;font-style: normal;font-variant: normal;font-size: 10pt;
font-weight: normal;text-decoration: none;color: white; display:block; text-align: center; }
a.textzeile:visited { font-family:'Verdana' ;font-style: normal;font-variant: normal;font-size: 10pt;
font-weight: normal;text-decoration: none;color: white; display:block; text-align: center; }
a.textzeile:hover { font-family:'Verdana' ;font-style: normal;font-variant: normal;font-size: 10pt;
font-weight: normal;text-decoration: underline;color: white; display:block; text-align: center; }
a.textzeile:active { font-family:'Verdana' ;font-style: normal;font-variant: normal;font-size: 10pt;
font-weight: normal;text-decoration: underline;color: white; display:block; text-align: center; }
a.textzeile:focus { font-family:'Verdana' ;font-style: normal;font-variant: normal;font-size: 10pt;
font-weight: normal;text-decoration: underline;color: white; display:block; text-align: center; }
a.pdf:link { font-family:'Arial';font-style: normal;font-variant: normal;font-size: 15pt;
font-weight: normal;text-decoration: none;color: black; display:block; text-align: left;
padding-left:40px; padding-top:10px;line-height:35px; }
a.pdf:visited { font-family:'Arial';font-style: normal;font-variant: normal;font-size: 15pt;
font-weight: normal;text-decoration: none;color: black; display:block; text-align: left;
padding-left:40px; padding-top:10px;line-height:35px; }
a.pdf:hover { font-family:'Arial';font-style: normal;font-variant: normal;font-size: 15pt;
font-weight: normal;text-decoration: none;color: #960f0f; display:block; text-align: left;
padding-left:40px; padding-top:10px;line-height:35px; }
a.pdf:active { font-family:'Arial';font-style: normal;font-variant: normal;font-size: 15pt;
font-weight: normal;text-decoration: none;color: #960f0f; display:block; text-align: left;
padding-left:40px; padding-top:10px;line-height:35px; }
a.pdf:focus { font-family:'Arial';font-style: normal;font-variant: normal;font-size: 15pt;
font-weight: normal;text-decoration: none;color: #960f0f; display:block; text-align: left;
padding-left:40px; padding-top:10px;line-height:35px; }
.Homepagelink { font-family:'Verdana' ;font-style: normal;font-variant: normal;font-size: 10pt;
font-weight: normal;text-decoration: none;color: white; display:block; text-align: center; }
.Textzeilenlinkaktiv
{
font-family:'Arial' ;font-style: italic;font-variant: normal;font-size: 13pt;
font-weight: normal;text-decoration: none;color: white; display:block; text-align: center;
}
.Navigationstextaktiv
{
font-family:'Arial' ;font-style: italic;font-variant: normal;font-size: 13pt;
font-weight: normal;text-decoration: none;color: white; display:block; text-align: left;
}
.Inhaltueberschrift
{
font-family:'Arial';font-style: normal;font-variant: normal;font-size: 20pt;
font-weight: bold;text-decoration: underline;color: #960f0f; display:block; text-align: left;
padding-left:20px; padding-top:23px;
}
.Inhaltueberschrift2
{
font-family:'Arial';font-style: italic;font-variant: normal;font-size: 18pt;
font-weight: bold;text-decoration: none;color: #960f0f; display:block; text-align: right;
padding-right:40px; padding-top:20px;
}
.Inhaltueberschrift3
{
font-family:'Arial';font-style: italic;font-variant: normal;font-size: 18pt;
font-weight: bold;text-decoration: none;color: #960f0f; display:block; text-align: right;
padding-right:40px; padding-top:0px;
}
.Inhaltkorpus1
{
font-family:'Arial';font-style: normal;font-variant: normal;font-size: 15pt;
font-weight: normal;text-decoration: none;color: black; display:block; text-align: left;
padding-left:20px; padding-top:50px; line-height:30px;
}
.Inhaltkorpus2
{
font-family:'Arial';font-style: normal;font-variant: normal;font-size: 15pt;
font-weight: normal;text-decoration: none;color: black; display:block; text-align: left;
padding-left:20px; padding-top:0px;line-height:35px;
}
.Inhaltkorpus3
{
font-family:'Arial';font-style: normal;font-variant: normal;font-size: 15pt;
font-weight: normal;text-decoration: none;color: black; display:block; text-align: left;
padding-left:20px; padding-top:0px;line-height:25px;
}
.Inhaltkorpus4
{
font-family:'Arial';font-style: normal;font-variant: normal;font-size: 13pt;
font-weight: normal;text-decoration: none;color: black; display:block; text-align: left;
padding-left:20px; padding-top:0px;line-height:23px;
}
.Inhaltkorpus5
{
font-family:'Arial';font-style: normal;font-variant: normal;font-size: 15pt;
font-weight: normal;text-decoration: none;color: black; display:block; text-align: left;
padding-left:40px; padding-top:10px;line-height:35px;
}
.Inhaltkorpus6
{
font-family:'Arial';font-style: normal;font-variant: normal;font-size: 15pt;
font-weight: normal;text-decoration: none;color: black; display:block; text-align: left;
padding-left:20px; padding-top:30px;line-height:35px;
}
.Fussnotentext { font-family:'Verdana' ;font-style: normal;font-variant: normal;font-size: 7.5pt;
font-weight: normal;text-decoration: none;color: white; display:block; text-align: left; }
<!-- Div-Container fuer die Struktur der Seite -->
<!-- Bereich mit Logo und den Fotos -->
#Header { Width:957px;margin-left:auto;margin-right:auto;border:0px; }
#Logo1 { Width:227px;Height:160px;float:left;border-left:2px solid #FFFFFF;border-right:1px solid #FFFFFF;
border-top:2px solid #FFFFFF;border-bottom:1px solid #FFFFFF;background-image:url(../Grafiken/Logo1.jpg); }
#Logo2 { Width:240px;Height:160px;float:left;border-left:1px solid #FFFFFF;border-right:1px solid #FFFFFF;
border-top:2px solid #FFFFFF;border-bottom:1px solid #FFFFFF;background-image:url(../Grafiken/Logo2.jpg); }
#Logo3 { Width:240px;Height:160px;float:left;border-left:1px solid #FFFFFF;border-right:1px solid #FFFFFF;
border-top:2px solid #FFFFFF;border-bottom:1px solid #FFFFFF;background-image:url(../Grafiken/Logo3.jpg); }
#Logo4 { Width:240px;Height:160px;float:left;border-left:1px solid #FFFFFF;border-right:2px solid #FFFFFF;
border-top:2px solid #FFFFFF;border-bottom:1px solid #FFFFFF;background-image:url(../Grafiken/Logo4.jpg); }
<!-- Bereich mit der Navigation unter den Fotos -->
#Textzeile { Width:957px;margin-left:auto;margin-right:auto;margin-top:0px; border:0px; }
#Text1 { Width:227px;Height:34px;line-height:34px;float:left;border-left:2px solid #FFFFFF;
border-right:1px solid #FFFFFF;border-top:1px solid #FFFFFF;border-bottom:1px solid #FFFFFF; }
#Text2 { Width:240px;Height:34px;line-height:34px;float:left;border-left:1px solid #FFFFFF;
border-right:1px solid #FFFFFF;border-top:1px solid #FFFFFF;border-bottom:1px solid #FFFFFF; }
#Text3 { Width:240px;Height:34px;float:left;border-left:1px solid #FFFFFF;
border-right:1px solid #FFFFFF;border-top:1px solid #FFFFFF;border-bottom:1px solid #FFFFFF; }
#Text4 { Width:240px;Height:34px;line-height:34px;float:left;border-left:1px solid #FFFFFF;
border-right:2px solid #FFFFFF;border-top:1px solid #FFFFFF;border-bottom:1px solid #FFFFFF; }
<!-- Hauptbereich mit Navigation und Textfenster -->
#Main { Width:957px;margin-left:auto;margin-right:auto;margin-top:0px;border:0px; }
<!-- Navigation -->
#Navigation { Width:227px;float:left;border-left:2px solid #FFFFFF;border-right:1px solid #FFFFFF;
border-top:1px solid #FFFFFF;border-bottom:2px solid #FFFFFF; }
#Nav1 { border-bottom:1px solid #960f0f;Width:207px;Height:36px;line-height:36px;padding-left:20px;
background-color: #bbbbbb; }
#Nav2 { border-top:1px solid #960f0f;border-bottom:1px solid #960f0f;Width:207px;
Height:35px;line-height:35px;padding-left:20px;background-color: #bbbbbb; }
#Nav3 { border-top:1px solid #960f0f;border-bottom:1px solid #960f0f;Width:207px;
Height:35px;line-height:35px;padding-left:20px;background-color: #bbbbbb; }
#Nav4 { border-top:1px solid #960f0f;border-bottom:1px solid #960f0f;Width:207px;
Height:57px;padding-left:20px;background-color: #bbbbbb; }
#Nav5 { border-top:1px solid #960f0f;border-bottom:1px solid #960f0f;Width:207px;
Height:57px;padding-left:20px;background-color: #bbbbbb; }
#Nav6 { border-top:1px solid #960f0f;border-bottom:1px solid #960f0f;Width:207px;
Height:35px;line-height:35px;padding-left:20px;background-color: #bbbbbb; }
#Nav7 { border-top:1px solid #960f0f;border-bottom:1px solid #960f0f;Width:207px;
Height:35px;line-height:35px;padding-left:20px;background-color: #bbbbbb; }
#Nav8 { border-top:1px solid #960f0f;border-bottom:1px solid #960f0f;Width:207px;
Height:35px;line-height:35px;padding-left:20px;background-color: #bbbbbb; }
#Nav9 { border-top:1px solid #960f0f;Width:207px;Height:35px;line-height:35px;
padding-left:20px;background-color: #bbbbbb; }
<!-- Grosses Textfenster -->
#Hauptfenster { Width:726px;Height:378px;float:left;border-left:1px solid #FFFFFF;
border-top:1px solid #FFFFFF;background-image:url(../Grafiken/Hintergrund.jpg); }
<!-- PDF und Portrait -->
#PDF { position:absolute;top:422px;left:550px;Width:50px;Height:54px;border:0px; }
#Portrait { position:absolute;top:300px;left:930px;Width:270px;Height:360px;border:0px; }
<!-- Fussnotenbereich -->
#Fussnote { Width:957px;margin-left:auto;margin-right:auto;margin-top:0px; }
Bist du sicher dass man <!-- damit --> auch CSS kommentieren kann?
Machs mal raus, vielleicht gehts ja dann.
Om nah hoo pez nyeetz,
Ein gutes Werkzeug um solche Sachen zu überprüfen ist für den FF Firebug und für den IE 8 gibt es die Entwicklertools. Da kann man dann sehen, welches CSS der Browser erkennt und man kann auch live Änderungen vornehmen auch an fremden Seiten um z.B. zu testen welche Auswirkungen dieses oder jenes hat.
Matthias
Hallo Moppel,
wie Encoder schon sagte, werden Kommentare in CSS mit /* am Anfang und */ am Ende gekennzeichnet.
Deine Datei sähe dann so aus:
/* Global gueltige Layouts*/
html { background-color:#960f0f; }
a img { border : 0 none; }
table { border:0px; border-collapse: collapse; }
table td { padding : 0; vertical-align: middle; }
/* Layouts für die Links */
a.nav:link { font-family:'Verdana' ;font-style: normal;font-variant: normal;font-size: 11pt;
font-weight: normal;text-decoration: none;color: white; display:block; text-align: left; }
a.nav:visited { font-family:'Verdana' ;font-style: normal;font-variant: normal;font-size: 11pt;
font-weight: normal;text-decoration: none;color: white; display:block; text-align: left; }
a.nav:hover { font-family:'Verdana' ;font-style: normal;font-variant: normal;font-size: 11pt;
font-weight: bold;text-decoration: none;color: #960f0f; display:block; text-align: left; }
a.nav:active { font-family:'Verdana' ;font-style: normal;font-variant: normal;font-size: 11pt;
font-weight: bold;text-decoration: none;color: #960f0f; display:block; text-align: left; }
a.nav:focus { font-family:'Verdana' ;font-style: normal;font-variant: normal;font-size: 11pt;
font-weight: bold;text-decoration: none;color: #960f0f; display:block; text-align: left; }
a.textzeile:link { font-family:'Verdana' ;font-style: normal;font-variant: normal;font-size: 10pt;
font-weight: normal;text-decoration: none;color: white; display:block; text-align: center; }
a.textzeile:visited { font-family:'Verdana' ;font-style: normal;font-variant: normal;font-size: 10pt;
font-weight: normal;text-decoration: none;color: white; display:block; text-align: center; }
a.textzeile:hover { font-family:'Verdana' ;font-style: normal;font-variant: normal;font-size: 10pt;
font-weight: normal;text-decoration: underline;color: white; display:block; text-align: center; }
a.textzeile:active { font-family:'Verdana' ;font-style: normal;font-variant: normal;font-size: 10pt;
font-weight: normal;text-decoration: underline;color: white; display:block; text-align: center; }
a.textzeile:focus { font-family:'Verdana' ;font-style: normal;font-variant: normal;font-size: 10pt;
font-weight: normal;text-decoration: underline;color: white; display:block; text-align: center; }
a.pdf:link { font-family:'Arial';font-style: normal;font-variant: normal;font-size: 15pt;
font-weight: normal;text-decoration: none;color: black; display:block; text-align: left;
padding-left:40px; padding-top:10px;line-height:35px; }
a.pdf:visited { font-family:'Arial';font-style: normal;font-variant: normal;font-size: 15pt;
font-weight: normal;text-decoration: none;color: black; display:block; text-align: left;
padding-left:40px; padding-top:10px;line-height:35px; }
a.pdf:hover { font-family:'Arial';font-style: normal;font-variant: normal;font-size: 15pt;
font-weight: normal;text-decoration: none;color: #960f0f; display:block; text-align: left;
padding-left:40px; padding-top:10px;line-height:35px; }
a.pdf:active { font-family:'Arial';font-style: normal;font-variant: normal;font-size: 15pt;
font-weight: normal;text-decoration: none;color: #960f0f; display:block; text-align: left;
padding-left:40px; padding-top:10px;line-height:35px; }
a.pdf:focus { font-family:'Arial';font-style: normal;font-variant: normal;font-size: 15pt;
font-weight: normal;text-decoration: none;color: #960f0f; display:block; text-align: left;
padding-left:40px; padding-top:10px;line-height:35px; }
.Homepagelink { font-family:'Verdana' ;font-style: normal;font-variant: normal;font-size: 10pt;
font-weight: normal;text-decoration: none;color: white; display:block; text-align: center; }
.Textzeilenlinkaktiv
{
font-family:'Arial' ;font-style: italic;font-variant: normal;font-size: 13pt;
font-weight: normal;text-decoration: none;color: white; display:block; text-align: center;
}
.Navigationstextaktiv
{
font-family:'Arial' ;font-style: italic;font-variant: normal;font-size: 13pt;
font-weight: normal;text-decoration: none;color: white; display:block; text-align: left;
}
.Inhaltueberschrift
{
font-family:'Arial';font-style: normal;font-variant: normal;font-size: 20pt;
font-weight: bold;text-decoration: underline;color: #960f0f; display:block; text-align: left;
padding-left:20px; padding-top:23px;
}
.Inhaltueberschrift2
{
font-family:'Arial';font-style: italic;font-variant: normal;font-size: 18pt;
font-weight: bold;text-decoration: none;color: #960f0f; display:block; text-align: right;
padding-right:40px; padding-top:20px;
}
.Inhaltueberschrift3
{
font-family:'Arial';font-style: italic;font-variant: normal;font-size: 18pt;
font-weight: bold;text-decoration: none;color: #960f0f; display:block; text-align: right;
padding-right:40px; padding-top:0px;
}
.Inhaltkorpus1
{
font-family:'Arial';font-style: normal;font-variant: normal;font-size: 15pt;
font-weight: normal;text-decoration: none;color: black; display:block; text-align: left;
padding-left:20px; padding-top:50px; line-height:30px;
}
.Inhaltkorpus2
{
font-family:'Arial';font-style: normal;font-variant: normal;font-size: 15pt;
font-weight: normal;text-decoration: none;color: black; display:block; text-align: left;
padding-left:20px; padding-top:0px;line-height:35px;
}
.Inhaltkorpus3
{
font-family:'Arial';font-style: normal;font-variant: normal;font-size: 15pt;
font-weight: normal;text-decoration: none;color: black; display:block; text-align: left;
padding-left:20px; padding-top:0px;line-height:25px;
}
.Inhaltkorpus4
{
font-family:'Arial';font-style: normal;font-variant: normal;font-size: 13pt;
font-weight: normal;text-decoration: none;color: black; display:block; text-align: left;
padding-left:20px; padding-top:0px;line-height:23px;
}
.Inhaltkorpus5
{
font-family:'Arial';font-style: normal;font-variant: normal;font-size: 15pt;
font-weight: normal;text-decoration: none;color: black; display:block; text-align: left;
padding-left:40px; padding-top:10px;line-height:35px;
}
.Inhaltkorpus6
{
font-family:'Arial';font-style: normal;font-variant: normal;font-size: 15pt;
font-weight: normal;text-decoration: none;color: black; display:block; text-align: left;
padding-left:20px; padding-top:30px;line-height:35px;
}
.Fussnotentext { font-family:'Verdana' ;font-style: normal;font-variant: normal;font-size: 7.5pt;
font-weight: normal;text-decoration: none;color: white; display:block; text-align: left; }
/* Div-Container fuer die Struktur der Seite */
/* Bereich mit Logo und den Fotos */
#Header { Width:957px;margin-left:auto;margin-right:auto;border:0px; }
#Logo1 { Width:227px;Height:160px;float:left;border-left:2px solid #FFFFFF;border-right:1px solid #FFFFFF;
border-top:2px solid #FFFFFF;border-bottom:1px solid #FFFFFF;background-image:url(../Grafiken/Logo1.jpg); }
#Logo2 { Width:240px;Height:160px;float:left;border-left:1px solid #FFFFFF;border-right:1px solid #FFFFFF;
border-top:2px solid #FFFFFF;border-bottom:1px solid #FFFFFF;background-image:url(../Grafiken/Logo2.jpg); }
#Logo3 { Width:240px;Height:160px;float:left;border-left:1px solid #FFFFFF;border-right:1px solid #FFFFFF;
border-top:2px solid #FFFFFF;border-bottom:1px solid #FFFFFF;background-image:url(../Grafiken/Logo3.jpg); }
#Logo4 { Width:240px;Height:160px;float:left;border-left:1px solid #FFFFFF;border-right:2px solid #FFFFFF;
border-top:2px solid #FFFFFF;border-bottom:1px solid #FFFFFF;background-image:url(../Grafiken/Logo4.jpg); }
/* Bereich mit der Navigation unter den Fotos */
#Textzeile { Width:957px;margin-left:auto;margin-right:auto;margin-top:0px; border:0px; }
#Text1 { Width:227px;Height:34px;line-height:34px;float:left;border-left:2px solid #FFFFFF;
border-right:1px solid #FFFFFF;border-top:1px solid #FFFFFF;border-bottom:1px solid #FFFFFF; }
#Text2 { Width:240px;Height:34px;line-height:34px;float:left;border-left:1px solid #FFFFFF;
border-right:1px solid #FFFFFF;border-top:1px solid #FFFFFF;border-bottom:1px solid #FFFFFF; }
#Text3 { Width:240px;Height:34px;float:left;border-left:1px solid #FFFFFF;
border-right:1px solid #FFFFFF;border-top:1px solid #FFFFFF;border-bottom:1px solid #FFFFFF; }
#Text4 { Width:240px;Height:34px;line-height:34px;float:left;border-left:1px solid #FFFFFF;
border-right:2px solid #FFFFFF;border-top:1px solid #FFFFFF;border-bottom:1px solid #FFFFFF; }
/* Hauptbereich mit Navigation und Textfenster */
#Main { Width:957px;margin-left:auto;margin-right:auto;margin-top:0px;border:0px; }
/* Navigation */
#Navigation { Width:227px;float:left;border-left:2px solid #FFFFFF;border-right:1px solid #FFFFFF;
border-top:1px solid #FFFFFF;border-bottom:2px solid #FFFFFF; }
#Nav1 { border-bottom:1px solid #960f0f;Width:207px;Height:36px;line-height:36px;padding-left:20px;
background-color: #bbbbbb; }
#Nav2 { border-top:1px solid #960f0f;border-bottom:1px solid #960f0f;Width:207px;
Height:35px;line-height:35px;padding-left:20px;background-color: #bbbbbb; }
#Nav3 { border-top:1px solid #960f0f;border-bottom:1px solid #960f0f;Width:207px;
Height:35px;line-height:35px;padding-left:20px;background-color: #bbbbbb; }
#Nav4 { border-top:1px solid #960f0f;border-bottom:1px solid #960f0f;Width:207px;
Height:57px;padding-left:20px;background-color: #bbbbbb; }
#Nav5 { border-top:1px solid #960f0f;border-bottom:1px solid #960f0f;Width:207px;
Height:57px;padding-left:20px;background-color: #bbbbbb; }
#Nav6 { border-top:1px solid #960f0f;border-bottom:1px solid #960f0f;Width:207px;
Height:35px;line-height:35px;padding-left:20px;background-color: #bbbbbb; }
#Nav7 { border-top:1px solid #960f0f;border-bottom:1px solid #960f0f;Width:207px;
Height:35px;line-height:35px;padding-left:20px;background-color: #bbbbbb; }
#Nav8 { border-top:1px solid #960f0f;border-bottom:1px solid #960f0f;Width:207px;
Height:35px;line-height:35px;padding-left:20px;background-color: #bbbbbb; }
#Nav9 { border-top:1px solid #960f0f;Width:207px;Height:35px;line-height:35px;
padding-left:20px;background-color: #bbbbbb; }
/* Grosses Textfenster */
#Hauptfenster { Width:726px;Height:378px;float:left;border-left:1px solid #FFFFFF;
border-top:1px solid #FFFFFF;background-image:url(../Grafiken/Hintergrund.jpg); }
/* PDF und Portrait */
#PDF { position:absolute;top:422px;left:550px;Width:50px;Height:54px;border:0px; }
#Portrait { position:absolute;top:300px;left:930px;Width:270px;Height:360px;border:0px; }
/* Fussnotenbereich */
#Fussnote { Width:957px;margin-left:auto;margin-right:auto;margin-top:0px; }
MfG
Knight
Tausend Dank!
Das war's. Der Übersicht zuliebe hab ich Kommentare eingefügt und Zack - nichts geht mehr :-)
Vielen Dank!
Mahlzeit Moppel,
Das war's. Der Übersicht zuliebe hab ich Kommentare eingefügt und Zack - nichts geht mehr :-)
<http://de.selfhtml.org/css/formate/einbinden.htm#kommentare@title=Hättest Du es richtig gemacht>, wäre es kein Problem gewesen ...
MfG,
EKKi