[Mirco]

Bin etwas am basteln und gucks mir im IE an -alles kaputt.
Ich kann den Fehler aber nicht finden, deshalb wäre es nett wenn sich das einer nochmal angucken würd.

(Hoffe das ist das richtige Forum)

Richtig:


Falsch:




UPDATE: Das mit dem Balken hab ich hinbekommen indem ich einfach dafür auch die font-size definiert habe

CSS:

[Butterfliege]

bin auch anfängerin...aber versuch es doch mal mit

.grund{left: 50%;}

und vielleicht auch noch position: absolute;

ansonsten schau mal hier.

[ChraCe]

für den ie diese css-definitionen ergänzen:

body {
text-align:center;
}

.grund {
text-align:left;
}

ausserdem:
- die position:relative rausschmeisen und überhaupt nur für sondergeschichten mit position arbeiten
- postion <- schreibfehler bei .grund
- für background-image wird die url ohne hochkommata angegeben -> url(images/streifen.gif)

[Mirco]

Hm.
Irgendwie zu einfach, aber geht.

Vielen dank!

Hui, noch ein Problem:

#nav li a:hover {
color: #86B823;
text-decoration: none;
vertical-align: middle;
display: inline;
}

#nav li a:visited {
color: #555555;
text-decoration: none;
vertical-align: middle;
display: inline;
}

Geht das im IE grundsätzlich nicht?

[ChraCe]

[Mirco]

Hm, dann gehts fast. Nur das li:hover nicht, aber das ist normal, oder?

[ChraCe]

ja, mensch, was geht/funktioniert denn nicht?

wenn du die pseudoformate in der richtigen reihenfolge in dein css schreibst, sollte das auch gehen.

edit:
ah, ok, jetzt erst wirklich gesehen.

das li:hover geht im ie nicht, nein. das müsstest du mit javascript abfangen.
daher besser den hover über den a-tag steuern.

edit2:
wenn du vorhast schriftfarbe und zusätzlich den hintergrund zu wechseln, dann mach aus dem a-tag ein block element:

#nav a {
display:block;
width:80px;
height:24px;
background:#333 url(dings.gif) no-repeat;
}
etc.
entsprechend für die verschiedenen link-zustände

[ZeroFlash]