Kai: Opera und overflow-x

SELF-Forum

Opera und overflow-x

Kai
– Informationen zu den Bewertungsregeln

Hallo!
Ich stehe gerade vor einem kleine Problem, und hoffe ihr könnt mir helfen.
Ich habe eine Seite mit einem fest positionierten Kopf und einem variablen Innenteil. Ich möchte, dass der Kopf beim verticalen Scrollen fixiert bleibt, beim horizontalen Scrollen allerdings bewegt wird. Hierzu habe ich die overflow-Eigenschaft von html und body genutzt:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">  
<html>  
 <head>  


<style>  
  html{ overflow-x:auto;  
   overflow-y:hidden;  
   height:100%;  
   width:100%;  
   margin:0px;  
   padding:0px;}  
  body{ overflow-x:hiden;  
   overflow-y:scroll;  
   height:100%;  
   width:820px;  
   margin:0px;  
   padding:0px;}  
  p{ height:200px;}  
  #inhalt{width:800px;  
   display:block;  
   padding-top:50px;}  
  #kopf{ overflow:hidden;  
   position:absolute;  
   top:0px;  
   width:800px;  
   height:50px;  
   display:block;  
   border-bottom:1px solid gray;  
   background:white;  
   }  
 </style>

 </head>  
 <body>  
  <div id="kopf">Ich bin der Kopf</div>  
  <div id="inhalt">Ich bin Inhalt, der auch lang werden kann-<p>ganz lang!!</p></div>  
 </body>  
</html>

Ziel der Übung ist der folgende:
Wenn der Content länger als ist wird direkt daneben ein vertikaler Scrollbar angezeigt. Beim Scrollen bleibt der Kopf an seiner Stelle.
Ist das Fenster kleiner als 820px wird der horizontale html-Scrollbar gezeigt. Der vertikale ist dann zwar "außerhalb des Sichtfeldes" - aber das ist mir egal, der Besucher kommt ja zu ihm hin.

Das Ergebniss:
IE5.1 (vorher ist mir wurscht) scrollt immer alles (horizontal und vertikal) - ok, der kann es halt nicht besser, der Besucher sieht aber alles.
IE6, 7, FF2 läuft es wie gewünscht
aber:
Opera 9.5 -> zeigt keinen horizontalen Scrollbar! Wenn ich html overflow: auto oder scroll verwende zeigt er beide Scrollbars, nur mit dem -x kommt er anscheinend nicht klar.

Kann das jemand bestätigen - oder hat jemand einen workaround dagegen?

Vielen Dank
Kai

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Opera und overflow-x

    Kai345 Homepage des Autors
    – Informationen zu den Bewertungsregeln

    [latex]Mae  govannen![/latex]

    Opera 9.5 -> zeigt keinen horizontalen Scrollbar! Wenn ich html overflow: auto oder scroll verwende zeigt er beide Scrollbars, nur mit dem -x kommt er anscheinend nicht klar.

    Kann das jemand bestätigen - oder hat jemand einen workaround dagegen?

    overflow-x/y wird erst in CSS3 definiert sein. Da CSS 3 aber noch nicht offiziell ist, ist es eine Sache der Browserhersteller, bestimmte Sachen basierend auf dem jetzigen Stand der Spezifikation einzubauen oder auch nicht (auf eigenes Risiko, da die Spezifikationen jederzeit geändert werden könnten.).

    Offenbar wartet Opera diesbezüglich noch ab.

    Cü,

    Kai

    --
    Is er leven op Pluto, Kun je dansen op de maan.
    Is er een plaats tussen de sterren, Waar ik heen kan gaan.
    YouTube Video-Tipp: Harmonic Curves
    YouTube Video-Tipp: Pipe Dreams
    selfcode sh:( fo:| ch:? rl:( br:< n4:# ie:{ mo:| va:) js:) de:> zu:) fl:( ss:| ls:?
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln