safari und css

  • Ersteller strahle
  • Erstellt am

strahle

Gast
guten tag,
ich arbeite derzeit an einem stylesheet und der safari macht mir da ein bißchen schwierigkeiten.
das layout sieht wie folgt aus:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>title</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="style_01.css" rel="stylesheet" type="text/css">
<!--[if lt IE 7]><style type="text/css">
@media screen {
html, body {
height: 100%; overflow-y: hidden;
}
#rightBox {
height: 100%; width: 60%; overflow: auto;
}
#leftBox {
position: static;
}
}
</style><![endif]-->
<!-- muss in jede datei eingebunden werden, danke lieber ie -->

</head>

<body>
<div id="leftBox">
INHALT
</div><!-- leftBox ENDE -->

<div id="rightBox">
<div id="content">
INHALT
</div><!-- leftBox ENDE -->
</div><!-- leftBox ENDE -->

das stylesheet für die beiden divs sind wie folgt definiert:

#leftBox{
position: fixed; /*scrollt nicht mit*/
top: 0%;
left:0%;
width: 40%;
height: 100%;
background-color: #FFF;
}
#rightBox{
position: absolute;
top: 0%;
left: 40%;
width: 60%;
height: 100%;
}

also kurz gesagt, ein nachempfundenes frameset, nur besser :).
der linkte teil ist fest und nur der rechte teil scrollt mit.

zumindest in firefox und durch den hack oben auch im ie.
beim safari scrollt der linke teil beim herunterscrollen nicht mit, aber nun das problem:

wenn man wieder hochscrollt dann fängt der inhalt der leftBox, hatte zu testzwecken ein bild und dann eine flash-datei im container, an zu zittern. also er bewegt sich. das sieht gar nicht gut aus.

kennt da jemand vielleicht eine lösung für oder hat einen brauchbaren tip?

vielen dank.
 

Toddy

Wohlschmecker aus Vierlanden
Registriert
10.05.04
Beiträge
242
strahle schrieb:
[...]wenn man wieder hochscrollt dann fängt der inhalt der leftBox [...] an zu zittern. also er bewegt sich.[...]

Kannst du das evt. online stellen (so, dass der Fehler auftritt), und den Link dazu posten.
Habe es eben mit deinem Beispielcode probiert und auch ein Bild in "<div id="leftBox">" eingefügt. Es bewegt sich und zittert jedoch nichts.