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.
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.
