nicht angemeldet
Hi Stefan,
habe vorhin zu erwähnen vergessen, dass ich ich die bisherige Lösung bereits für genial halte. Jedenfalls ist es die interessanteste Problemstellung seit langem ;)
MSIE 6.0:
-wenn das Browserfenster zu schmal ist, dann wird der Inhalt von
div#inhalt nicht mehr angezeigt, was kann man da machen
(dieses Problem halte ich für sehr schwerwiegend)
Ach, ist das nett - ein wirklich lustiger Bug...
div#inhalt {
position: absolute;
left: 200px;
top: 40px;
height: 100%;
right: -15px;
padding-right: 25px;
overflow: auto;
}
Durch die absolute Positionierung fällt dieses Problem jedenfalls weg. Der rechte Innenabstand ist notwendig, damit der IE den Inhalt nicht rechts außerhalb des sichtbaren Bereiches darstellt. right: -15px schiebt den Scrollbar an den äußeren Rand, der steht sonst zu weit innen. Dazu später mehr.
Opera 6.04:
-bei schmalen Browserfenster und Querscrollen schieben sich die In-
halte von div#inhalt unter die Navigation
Kann ich nicht nachvollziehen, bei schmalem Fenster (Annahme: 200px) ist zwar nur die Navigation sichtbar, aber das sollte nicht weiter stören. Wer surft schon ernsthaft in solch einem Fenster? PDAs lasse ich mal außen vor, die bekommen dann ohnehin ein eigenes Stylesheet. Jedenfalls schiebt sich bei mir nichts vom Inhalt unter die Navigation.
-bei einem zu niedrigen Browserfenster werden Teile der Navigation
abgeschnitten
Das typische fixed-Problem, schön beschrieben in http://jendryschik.de/wsdev/css/fixed/. Solche Bereiche sollten in der Tat generell eher klein sein, um dieses Problem zu umgehen.
Bonus:
-wie kann ich oberhalb von div#inhalt noch einen höhenmäßig fest
definierten Bereich einbauen, also z.Bsp. 100 Pixel hoch, um dort
eine Überschrift o.ä. zu platzieren; im Moment bekomme ich dann
Probleme mit der Höhe von div#inhalt
S. oben. Durch die absolute Positionierung schaffst du oben Platz für alles, was dein Herz begehrt. Desweiteren ist auch dieser Bereich fixiert *glucks* - ist's zu fassen? Im IE... :) Die Probleme scheinen mit obigem Beispiel eigentlich gelöst, zumindest auf den ersten Blick. Wenn jetzt das Fenster sehr schmal wird, verschwindet "nur" der Scrollbar, da kann man vielleicht noch optimieren (right:). Achja, "brrrr...reit" ist ja wohl eher ein generelles Problem, gelle ;)
Soweit erstmal, über gute Resonanz würde ich mich freuen, optimal
wären natürlich Fehlermeldungen mit Lösungsvorschlag, aber auch
ein kurzes "In Browser XY mit OS ABC funktionert's" hilft mir
schon weiter.
Netscape 4 ist kein Problem, den kann man ja nach üblicher Methode anders bedienen.
Ich habe übrigens noch einen Bereich #thema eingefügt, in dem sich die Überschrift befindet. Außerdem im Stylesheet noch
#inhalt[id] {
position: absolute;
left: 200px;
right: 0;
}
wie gehabt für fixed-fähige Browser, hier wird dann auch der rechte Rand korrigiert - sowie einige weitere Änderungen. Aktuelles Beispiel: http://skop.net/self/fixed5.html mit der Bitte um ausgiebige Tests und Feedback.
Das MSIE-Problem sehe ich im Moment als schwerwiegend an, sollte es
dafür eine Lösung geben, werde ich die Sache in einen Artikel fassen
und SELFHTML zur Verfügung stellen. Wo genau, werden Stammleser
sicherlich wissen ;-)
Na denn - viel Spaß beim Tippen ;p
LG Orlando
--
SELF-TREFFEN 2002
http://www.rtbg.de/selftreffen/
http://www.megpalffy.org/temp/penneninhh.html