hi,
Zum Wesen des Browser-Fortschrittes sollte auch eine bessere CSS-Implementierung gehoeren. Leider ist dem offenbar nicht immer so, wie zwei Beispiele zeigen, bei denen IE6 / PC sich ausgesprochen seltsam verhaelt.
Da aber bereits der IE5 / Mac diese Beispiele problemlos darstellt, kann man sich nur noch wundern. Das Moz keine Probleme hat, braucht wohl nicht erwaehnt zu werden.
1. IE6 schneidet Top und Bottom Border eines im div-container plazierten Linkes ab, nur eine Trickeserei mit fester height-Angabe und einem padding-top (fuers div) ermuntern ihn zur korrekten Darstellung:
<html><head>
<style type="text/css">
#ebene0 {
position:absolute;
top:100px;
left:100px;
}
a.lnk {
border: 1px solid Black;
padding : 4px;
}
a.lnk:hover {
border : 1px solid Red;
padding : 4px;
}
</style>
</head>
<body>
<div id="ebene0"><a class="lnk" href="#">link</a></div>
</body>
</html>
2. Laut w3c werden clipping-Argumente durch Komma getrennt. Ausgerechnet wenn Doctype gesetzt wird (also quirks-Modus ausgeschaltet wird), ist IE6 dazu nicht mehr in der Lage:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
<head>
<style type="text/css">
#ebene0 {
position:absolute;
top:100px;
left:100px;
width:100px;
height:100px;
background-color: red;
clip: rect(0px, 50px, 50px, 0px); /* korrekt*/
}
#ebene1 {
position:absolute;
top:100px;
left:210px;
width:100px;
height:100px;
background-color: blue;
clip: rect(0px 50px 50px 0px); /* nicht korrekt*/
}
</style>
</head>
<body>
Clipping Vergleich
<div id="ebene0">EBENE 0</div>
<div id="ebene1">EBENE 1</div>
</body>
</html>
Das sich verschiedene IE-Versionen hier unterschiedlich verhalten, macht die Sache ziemlich aergerlich. Da kann man wohl nur auf den Fortschritt hoffen ;-)
Gruesse Joachim