Supportnet / Forum / Webseiten/HTML
CSS-Fehler? Ansicht im IE, FF, Opera
Frage
Hallo,
würde sich mal jemand die Seite:
[url]http://www.p-henning.de/kernKompetenz1.html[/url]
ansehen??
1. Wird mit dem Mouserad gescrollt, so verschwinden
teilweise die Sätze beim Menü.
2. Im IE sieht es ja noch ganz ordendlich aus, doch
im Firefox und Opera sind die Buchstaben
unheimlich fett
Ich scheine einen Fehler im css zu haben - kann ihn aber nicht finden!
Danke und viele Grüße - Petra
Hier die css-Datei (extern eingebunden):
#kopf { position:absolute;
top:30px;
left:180px;
width:800px;
padding:10px;
margin:0px;
font-family:Arial,Helvetica,Verdana;
font size:24pt;
text-align:center;
vertical-align:middle;
background-color:#CECECE; }
#menue { position:absolute;
top:130px;
left:30px;
width:230px;
height:700;
padding:10px;
margin:0px;
font-family:Arial,Helvetica,Verdana;
font size:10pt;
color:#CECECE;
text-align:left;
vertical-align:middle;
background-color:#000040; }
#menue ul { list-style-type:disc;
margin-left:-0.5em; }
#menue li { list-style-type:disc;
margin-left:-0.8em;
line-height:1.0em;}
#menue a:link { text-decoration:none;
font-family:Arial,Helvetica,Verdana;
color:#CECECE;
font-size:8pt; }
#menue a:visited { text-decoration:none;
font-family:Arial,Helvetica,Verdana;
color:#CECECE;
font-size:8pt; }
#menue a:hover { text-decoration:none;
font-family:Arial,Helvetica,Verdana;
color:#FFFFFF;
font-size:8pt;}
#menue a:active { text-decoration:none;
font-family:Arial,Helvetica,Verdana;
font-weight:bold;
color:#FFFFFF;
font-size:8pt;}
.aktiverLink {text-decoration:none;
font-family:Arial,Helvetica,Verdana;
color:#FFFFFF;
font-size:8pt;
font-weight:bold;}
.ueberschrift { font-family:Arial,Helvetica,Verdana;
text-decoration:none;
color:#CECECE;
font-size:10pt;
font-weight:bold;
text-indent:-2.7em;
line-height:1.2px;}
#inhalt1 { position:absolute;
top:130px;
left:290px;
width:800px;
height:800px;
padding:10px;
margin:0px;
overflow:auto;
border:1px solid #000;
border-right: none;}
#inhalt2 { position:absolute;
top:950;
left:290px;
width:800px;
height:80px;
padding:10px;
margin:0px; }
#inhalt3 { position:absolute;
top:130px;
left:290px;
width:800px;
height:800px;
padding:10px;
margin:0px;
overflow:auto;
border:1px solid #000;
border-right: none;}
h1 { font-family:Arial,Helvetica,Verdana;
font size:12pt;
color:#000000;
text-align:left;
font-weight:bold;
line-height:2.5em;}
h1 ul { list-style-type:disc;
margin-left:1em; }
h1 li { list-style-type:disc;
margin-left:1em;
line-height:1.5em; }
h2 { font-family:Arial,Helvetica,Verdana;
font size:11pt;
color:#000000;
text-align:left;
font-weight:bold;
line-height:3.5em;}
h2 ul { list-style-type:disc;
margin-left:1.5em; }
h2 li { list-style-type:disc;
margin-left:1.5em;
line-height:1.5em; }
h3 { font-family:Arial,Helvetica,Verdana;
font size:11pt;
color:#000000;
text-align:left;
line-height:2.5em; }
h3 ul { list-style-type:circle;
margin-left:2em; }
h3 li { list-style-type:circle;
margin-left:2em;
line-height:1.5em; }
h4 { font-family:Arial,Helvetica,Verdana;
font size:11pt;
color:#000000;
text-align:center;
list-style-type:circle;
line-height:1.5em; }
table { font-family:Arial,Helvetica,Verdana;
color:#000000;
font-size:10pt;
width:100%; }
a:link { text-decoration:none;
font-family:Arial,Helvetica,Verdana;
color:#000000;
font-size:10pt; }
a:visited { text-decoration:none;
font-family:Arial,Helvetica,Verdana;
color:#000000;
font-size:10pt; }
a:hover { text-decoration:none;
font-family:Arial,Helvetica,Verdana;
color:#000000;
font-size:10pt;}
a:active { text-decoration:none;
font-family:Arial,Helvetica,Verdana;
font-weight:bold;
color:#000000;
font-size:10pt; }
Antwort 1 von rfb
font size schreibt sich mit -
also:
(kommt 8 mal vor der Fehler)
Versuch nächstes mal doch erst einmal den CSS-Validator!
also:
font-size(kommt 8 mal vor der Fehler)
Versuch nächstes mal doch erst einmal den CSS-Validator!
Antwort 2 von derpfleger
Du verwendest die Überschriften-tags falsch. Ein h1 darf kein ul enthalten . Ändere zunächst einmal das.
Nachzulesen hier:
http://de.selfhtml.org/html/referenz/elemente.htm#ul
und hier
http://de.selfhtml.org/html/referenz/elemente.htm#h1_h6
Gruß derpfleger
Nachzulesen hier:
http://de.selfhtml.org/html/referenz/elemente.htm#ul
und hier
http://de.selfhtml.org/html/referenz/elemente.htm#h1_h6
Gruß derpfleger
Antwort 3 von derpfleger
ah ja, das mit dem fehlenden Strich hat mir gerade auch der CSS-Validator gezeigt, so gehts natürlich gar nicht :-)
Antwort 4 von derpfleger
das sind noch mehr Fehler , check it out...
Antwort 5 von Petra65
nun sieht schon alles ganz anders aus ;-) aber immer noch nicht perfekt ...
Also ran an die Arbeit ...
Ich habe übrigens den css-Validator laufen lassen, habe aber nicht "geschaltet" bei der Meldung:
Ungültige Nummer : font Einlese-Fehler - size:24pt
(habe das auf "24pt" bezogen)
Naja - auch Fehlern lernt man ..
DANKE !
Petra
Also ran an die Arbeit ...
Ich habe übrigens den css-Validator laufen lassen, habe aber nicht "geschaltet" bei der Meldung:
Ungültige Nummer : font Einlese-Fehler - size:24pt
(habe das auf "24pt" bezogen)
Naja - auch Fehlern lernt man ..
DANKE !
Petra
Antwort 6 von derpfleger
Wenn du zw. <head> und </head> noch folgende Zeile einfügst kannst du auch den W3C-Validator für deinen Quellcode (HTML) nutzen:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
Gruß derpfleger
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
Gruß derpfleger
Antwort 7 von Petra65
Ohhh jeee - ich bekomme 49 (NEUNUNDVIERZIG !!!) Fehler !!!
Gibt es echt Seiten mit 0???
Gibt es echt Seiten mit 0???
Antwort 8 von rfb
Zitat:
Gibt es echt Seiten mit 0???
Ja!Gibt es echt Seiten mit 0???
Neben der Fehlerfreiheit gibt es dann noch die nächste Hürde zu nehmen: Barrierefreiheit (dazu ist Fehlerfreiheit eine Vorbedingung ;-)
Antwort 9 von derpfleger
@ Petra65:
noch eine kleine Menü-Spielerei, ich glaube das könnte dich interessieren... :-)
http://www.cssplay.co.uk/menus/fly_definition.html
(ich steig da allerdings nicht ganz durch...)
noch eine kleine Menü-Spielerei, ich glaube das könnte dich interessieren... :-)
http://www.cssplay.co.uk/menus/fly_definition.html
(ich steig da allerdings nicht ganz durch...)