nicht angemeldet
Hallo zusammen,
Ich bin zur Zeit dabei meine Seite komplett neu aufzubauen. Die Seite soll komplett mittels css aufgebaut sein, ohne Javascript, Flash oder ähnlichem auskommen und nach Möglichkeit barrierearm sein. Klappt bisher soweit ganz gut(denk ich mal), nur hab ich, bedingt durch die Seitengestaltung ein 'kleines' Problem mit der clip-Funktion im Stylesheet.
CSS-Auszug:
div#links a:hover span
{
display: block;
position: absolute;
top: 6px;
left: 0;
right: 145px;
width: 700px;
padding: 5px;
margin: 0px;
z-index: 100;
color: #003;
background-color: #99c;
font: 1em Verdana, sans-serif;
text-align: left;
text-indent: 143pt;
clip: rect(auto auto auto 165px);
}
So (obwohl clip so nicht valide ist) funktionieren sowohl IE, Firefox und Opera (aktuelle Versionen)
Mit dem validen
clip: rect(auto, auto, auto, 165px)
kann Opera nicht wirklich was anfangen und überdeckt dabei das linke Menü.
Ein ähnlicher Fehler, diesmal IE, hab ich wenn ich div#links a:hover span und div#links a:focus span zusammenfasse. Jetzt überdeckt der IE das linke Menü.
zur Demonstration hab ich auf diesen Seiten die verschiedenen Hauptgruppen mit unterschiedlichen css versehen.
Startrubrik in der alle 3 Browser funktionieren:
http://www.robokopp.de/newdesign/index.php
Operafehler nach Gruppierung:
http://www.robokopp.de/newdesign/grafik/index.php
IE-Fehler nach Validierung:
http://www.robokopp.de/newdesign/composite/index.php
Was sollte ich ändern, um den Fehler (falls er von meiner css stammt) zu korrigieren?
btw. Meinungen, Verbesserungsvorschläge oder Anregungen zu der Seite sind ebenfalls willkommen (oder sollte ich dies besser als eigenen Post starten?)
Danke
Robert
Gernot Back