Geht man auf meine Seite www.bellowski.de, so frieren Mozilla bzw. Firefox ein: Keiner der Links funktioniert und man kann auch nichts bei der Suche eingeben....
????
Hat jemand bitte eine Erklärung dafür? Ich habe alles mögliche in Typo3 verändert, aber es ändert sich nichts (prologue, Quirks-Mode, Javascript bzw. Styles ausgegliedert)
PS: Das das unter IE sch... aussieht, ist mir momentan (noch) egal.
nur mal so eine Idee weil ich da mal was verpfuscht habe,.... tu mal _alle_ css-einbindungen weg...
Ok, ich entferne alle externen CSS-Einbindungen.
(Was meinst Du mit "weil ich da mal etwas verpfuscht habe?)
Andreas B. schriebOk, ich entferne alle externen CSS-Einbindungen.
(Was meinst Du mit "weil ich da mal etwas verpfuscht habe?)
naja ich hab mal was mit denk a:link falsch gemacht und hab dann überall ein hover gekapt, auch wo keine links waren usw.... 🙂 und ewig gesucht und bis zuletzt nicht an css-Problem gedacht...
Hat denn keiner bitte eine Idee, warum der Firefox einfriert?
(Bzw. warum es beim IE so schlecht aussieht :-).) Ja ich weiß, daß ich nicht der beste bei XHTML bin.... :-)
Ich habe jetzt das Problem erkannt, weiß aber nicht warum das Problem entsteht.
Meine CSS-Datei sieht so aus:
body {
padding: 0;
margin: 0;
width:100%;
}
/*#papier {
position : absolute;
left : 64px;
right : 64px;
top : 9px;
bottom : 9px;
z-index : 3;
}*/
#head {
background : #0e2068;
background-image : url(/fileadmin/bellowski/template/header.jpg);
background-repeat : no-repeat;
background-position : 0% 50%;
position : absolute;
left : 65px;
right : 65px;
height : 122px;
background-color : #082068;
top : 10px;
z-index : 2;
}
#menue {
font-family : tahoma, verdana, sans-serif;
background : #29568f;
text-align : center;
position : absolute;
left : 65px;
top : 139px;
width : 195px;
bottom : 40px;
z-index : 2;
overflow : auto;
}
#content {
font-family : tahoma, verdana, sans-serif;
position : absolute;
left : 268px;
top : 160px;
right : 268px;
bottom : 40px;
background : #c2cddf;
padding : 5px;
z-index : 1;
overflow : auto;
}
#news {
font-family : tahoma, verdana, sans-serif;
color : #d4dce9;
font-size : 10px;
background : #29568f;
position : absolute;
right : 65px;
top : 139px;
bottom : 40px;
width : 195px;
z-index : 2;
}
#pfadakt {
font-family : tahoma, verdana, sans-serif;
background : #0e2068;
overflow : visible;
position : absolute;
top : 139px;
right : 268px;
left : 268px;
height : 18px;
padding : 3px;
z-index : 1;
text-align : center;
}
#producer {
font-family : tahoma, verdana, sans-serif;
position : absolute;
background : #29568f;
bottom : 10px;
right : 65px;
left : 65px;
height : 25px;
font-size : 70%;
text-align : center;
z-index : 2;
}
Wenn ich die Definitionen für "papier" entferne, funktioniert es, wenn ich sie drinnen lasse, friert der Firefox ein. Kann mir bitte jemand sagen, was an dem folgenden Ausdruck in der CSS-Datei falsch ist?
/*#papier {
position : absolute;
left : 64px;
right : 64px;
top : 9px;
bottom : 9px;
z-index : 3;
}*/
hab ich doch recht gehabt mit dem css? 8-) #giggle# 8-)
das "papier" ist ja für ein div... div auch richtig geschlossen?
wenn ja, dann einfach schritt für schritt eine zeile hinzufügen und kontrollieren... dann kommst e schnell drauf.
sonst gäbs noch den css- validator, vielleicht fällt dem was auf: http://jigsaw.w3.org/css-validator/
lg georg
EDIT: also letzters hab ich schnell mal getestet und schaut ok aus
Das tolle ist ja eigentlich, daß ich das Problem hatte, als der W3C-Validator bis auf drei kleine Fehlerchen das Ding für valide erklärte, obwohl der Fehler noch drin war.
Werde wohl noch weiter forschen müssen...
Danke für die Hilfe.
Hi,
Hängt bestimmt mit deinem "z-index" zuweisungen zusammen...
Hintergund darf natürlich nicht oberhalb vom content etc liegen...
Reihefolge mal überprüfen
/*#papier {
position : absolute;
left : 64px;
right : 64px;
top : 9px;
bottom : 9px;
z-index : 3;
}*/
Gruss
Kasper
Lag am z-index. ALs ich den auf 2 eingestellt hatte, ging es.