nicht angemeldet
Hi
Ich habe mehrere zusammengehörende Seiten, in denen sich der Inhalt mittig zentriert in einem eignen div mit eigener Hintergrundfarbe befindet. Links und rechts davon ist es also sozusagen "leer".
Sobald nun der Inhalt durch langen Text länger als der Viewport wird, kommt rechts logischerweise ein vertikaler Scrollbalken ins Bild. (Im FF, im IE ist er ja von Anfang an da, ob er nun gebraucht wird oder nicht.)
Durch das Erscheinen des Scrollbalkens ändert sich jetzt aber auch die Breite des divs, in dem der Inhalt steht. Hier das CSS des divs, in dem der Text steht:
background:rgb(255,255,255);
width:auto;
min-width:600px;
max-width:70%;
Das ist ein unlogischer Mix. auto besagt 100%
logisch wäre
wenn width relative Einheit, dann min und max absolute Einheit.
wenn width absolute Einheit, dann min und max relative Einheit.
typisch
width: 600px; min-width:50%; max-width:100%;
width: 100%; min-width:200px; max-width:800px;
min-height:100%;
border-right:1px solid rgb(230,230,230);
border-left:1px solid rgb(230,230,230);
margin:0 auto;
>
> Blättert man jetzt zwischen Seiten, die länger sind als der Viewport und Seiten, die das nicht sind, hin und her, springt somit durch das Erscheinen und Verschwinden des Scrollbalkens das div dauernd, d.h., es wird dauernd breiter/schmäler.
Da die Breite des Scrollbalken Privatsache ist, bleibt dir nur übrig, den Scrollbalken immer zu zeigen
body:overflow:scroll
Anderseits fragt sich, ob dies nicht eher ein Designer-Problem statt ein User-Problem darstellt.
mfg Beat
--
Woran ich arbeite:
[X-Torah](http://www.elcappuccino.ch/cgi/tok.pl?extern=1-pub-com3306-1)
><o(((°> ><o(((°>
<°)))o>< ><o(((°>o