✔ Einzeiliger Bereich mit "overflow: auto" (Internet Explorer)

Status
Nicht offen für weitere Antworten.
Hi,

hmmm, mit dem padding-bottom ist sicherlich die wesentlich elegantere Lösung.
Ich bin mir sicher, dass ich das auch versucht hatte - allerdings ohne Erfolg
(vielleicht auch schon zu müde). Nachdem ich es jetzt nochmals versucht hatte,
ging es problemlos. Damit kann auf den dummy-Bereich verzichtet werden und
es wird übersichtlicher.

Dank' Dir für den Hinweis.

Ciao
Quaese
 
Original geschrieben von Quaese
...mit dem padding-bottom ist sicherlich die wesentlich elegantere Lösung....
Zum Vergrößern anklicken....

hallo ihr beiden

das könnte die lösung für mein problem sein.

kann nicht einer von euch die padding-bottom-lösung-ohne-dummy für eine css-dummy posten.

thx
 
Hi,

voilà, die padding-bottom-lösung-ohne-dummy:
Code: 
.overflowDiv{ width: 200px;
              overflow: auto;
              border: 1px solid black;
              margin-top: 20px;
              margin-left: 5px;}

* html .overflowDiv{ overflow-x: auto;
                     overflow-y: visible;
                     padding-bottom: 20px;}
Ciao
Quaese
 
besten dank.

abgewandelt auf meine bedürfnisse sieht das so aus:

Code: 
#mamboMainBody {
	position: absolute;
	top: 200px;
	left: 25px;
          width: 600px;
	height: 400px;

   margin:20 0 0 5;
   overflow: auto;
   }

* html #mamboMainBody { overflow-x: auto;
                     overflow-y: visible;
                     padding-bottom: 20px;}

aber das funktioniert bei mir nicht. habe ich was falsch übernommen?
 
Hi,

was genau willst Du machen?

Obiger Thread behandelt einen Container mit dynamischer Höhe. Du weist Deinem
Div jedoch eine feste Höhe zu.
Willst Du einen festen Anzeigebereich, in dem bei übergrossem Inhalt Scrollbars
angezeigt werden, so kann die CSS-Weiche für den IE entfallen.
Code: 
#mamboMainBody { position: absolute;
                 top: 200px;
                 left: 25px;
                 width: 600px;
                 height: 400px;
                 margin: 20 0 0 5;
                 overflow: auto;}
Soll sich die Höhe des Div-Containers dynamisch anpassen, so musst Du in Deinem
bisherigen StyleSheet die Zeile height: 400px; löschen.

Ciao
Quaese
 
sorry, mein fehler. natürlich, das ist ja mein problem

das "contentfeld" sollte 600 breit und 400 hoch sein und bleiben und wenn es mehr inhalt gibt dann sollten der scrollbalken (nur vertikal) erscheinen.

overflow: auto funktioniert wunderbar mit opera, nicht aber mit ie.

im ie werden immer 2 scrollbalken eingeblendet, auch wenn diese von der grösse des inhalts gar nicht gebraucht werden.
 
Hi,

bei mir tritt das Phänomen, dass immer beide Scrollbars angezeigt werden nicht
auf. Es wird immer nur die Bildlaufleiste eingeblendet, die auch tatsächlich benötigt
wird. Getestet habe ich das im IE 4, 5.01, 5.5 und 6 sowie im Netscape 7.1, Mozilla 1.6,
Opera 7.22 und Firefox 0.9.1.

Zum Testen habe ich folgendes CSS verwendet:
Code: 
#mamboMainBody { position: absolute;
                 top: 200px;
                 left: 25px;
                 width: 600px;
                 height: 200px;
                 margin: 20 0 0 5;
                 overflow: auto;}
Ciao
Quaese
 
bin wieder ein schritt näher:


#mamboMainBody
{
position: absolute;
top: 200px;
left: 25px;
width: 600px;
height: 200px;
margin: 20 0 0 5;
overflow: auto;
}
* html #mamboMainBody {
overflow-x: hidden;
overflow-y: auto;


jetzt ist nur noch das problem im ie, dass der scrollbalken ein den content ein wenig überdeckt.

sollte eigentlich mit: margin-right: 20px; (oder in der art) zu lösen sein.

will aber nicht
 
@ KingJay: ich habe deine Frage von gestern Abend in den neuen Thread Horizontaler Scrollbalken im iFrame verschoben und beantwortet, da sie mit der Eingangsfrage dieses Themas nichts zu tun hatte.

Bitte halte dich an die Netiquette Nr.12 und unterlasse das Doppelposting (!)

*closed*


Nachtrag: dein Doppelposting in diesem Thread wurde von meinem Kollegen Dennis gelöscht.
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück