Ich bin mit meinem Latein am Ende. Ich habe begonnen meine Seite im Sinne der Barriere-Freiheit nach den neuen Webstandards zu programmieren. D.h. ohne Tabellen dafür mit zentrierten DIVs. Das Zentrieren hat auch wunderbar geklappt, aber dafür ist das Layout im Firefox an einigen Stellen zerissen. Ich hatte es eigentlich so programmiert, dass es in beiden passte. Ich muss noch einmal irgendwas geändert haben, dass dies aber beeinflusst hat. Jetzt ist die obere Abschlussgraphik eingerissen/abgerissen.
Dazu kommt, dass auf der Seite - die leider auch noch die Eingangsseite ist - durch das Newssystem gleich das komplette Layout zerschossen worden ist. Aber wiederum nur im Firefox.
Und ich kann die Fehler partout nicht finden. Vielleicht liegt es daran, dass ich in dieser ganzen Sache noch relativ neu bin, aber ich bin mit meinem Latein am Ende.
Hier der Link zu meiner Seite:
http://fractured-sanity.org
Vielleicht kann mir einer von euch Genies helfen. Ich wäre auf jeden Fall unendlich dankbar.
Hier mal mein CSS-file:
Code:
BODY {
background: url('back.jpg');
font-family : verdana, arial, tahoma, sans-serif;
font-size : 9pt;
font-color : #aaaaaa;
text-align : center;
line-height : 13pt;
}
#BOX {
width : 619px;
height : 100%;
padding : 0px;
text-align : left;
font-size : 9pt;
font-color : #aaaaaa;
line-height : 13pt;
}
#Top {
background: url('top.gif');
padding-top : 5px;
padding-right : 5px;
width : 619px;
height : 27px;
font-size : 8pt;
font-color : #FFFFFF;
text-align : right;
}
#MIDDLE {
background: url('middle.jpg');
width : 619px;
height : 100%;
font-family : verdana, arial, sans-serif;
font-size : 9pt;
font-color : #d0d0d0;
text-align : left
line-height : 12pt;
padding : 0px;
padding-top : 0px;
z-index : 2;
visibility : inherit;
}
#LEFT {
width : 253px;
height : 100%;
float : left;
}
}
#RIGHT
padding: 20px;
float : right;
width : 366px;
height : 100%;
}
#BOTTOM {
background: url('bottom.gif');
width : 619px;
height : 17px;
}
#NAVIGATION {
margin : 0px;
padding : 0px;
font-family : verdana, arial, tahoma, sans-serif;
font-size : 12pt;
list-style-type : none;
}
#NAVIGATION LI {
text-align : center;
marging-left: 150px;
margin-bottom : 1px;
font-family : Verdana;
font-size : 10pt;
list-style-type : none;
}
#NAVIGATION A {
background : #DAD1BF;
color : #A53454;
display : block;
width : 78px;
}
#NAVIGATION A:HOVER {
background : #A53454;
color : #FFFFFF;
text-decoration : none
font-color : #FFFFFF;
}
A IMG {
border-style : solid;
border-width : 0px;
}
A:LINK {
color : #F2B701;
text-decoration : none;
font-size : 8pt;
}
A:VISITED {
color : #F2B701;
text-decoration : none;
font-size : 8pt;
}
A:ACTIVE {
color : #F2B701;
text-decoration : none;
font-size : 8pt;
}
A:HOVER {
color : #5FBC3D;
text-decoration : none;
font-size : 8pt;
}
INPUT, TEXTAREA {
font-family: verdana, arial, tahoma, sans-serif;
font-size: 8pt;
color: #F2B701;
background-color : #f1f0ee;
border-width: 1px;
border-style: solid;
border-color: #e9e9e9;
}
Bei Bedarf kann ich auch noch meine index.php posten