nicht angemeldet
DIV soll scrollen...
MudGuardwenn der Browser resized wird:
hi,
ich habe ein div fester größe (am besten height:100%).
wenn der user seinen browser nun sehr verkleinert, soll das div scrollbar werden.... (im IE).geht das überhaupt - oder kann ich das nur mit frames lösen?
grüße,
p.
beispiel:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Unbenanntes Dokument</title>
<style>
#test{width:100px;height:200px;background-color:#FF9900;overflow-y:scroll;}
</style>
</head>
<body>
<div id="test"></div>
</body>
</html>
-
overflow ist schon korrekt ...
bei overflow:auto; zeigen sich die Scrollbalken erst beim verkleinern.
Duda :)
-
danke für die schnelle antwort :) ...
nur leider funzt es eben nicht.wenn ich das browser fenster zusammenschiebe fassiert entweder garnix oder der browser selbst, bekommt scrolbars.
ich möchte aber, dass scrolbars im div erscheinen wenn der browser zu sehr gestaucht wird.ehrlichgesagt denke ich, dass das garnicht geht.
grüße,
p.-
html, body {overflow:hidden;}
hast Du dann wohl vergessen!
Gruß
Avalon-
Hallo
html, body {overflow:hidden;}
hast Du dann wohl vergessen!
Oder wohl doch eher die Angabe einer max-height bzw. height
für das DIV?Den overflow von body würde ich lieber lassen!
Gruß
L00NIX -
html, body {overflow:hidden;}
hilft in diesem fall auch nichts.
danke und grüße,
paul
-
-
-
-
Hi,
beispiel:
<div id="test"></div>Was sollte bei einem absolut leeren Element dazu führen, daß sich ein Browser genötigt sehen könnte, Scrollbalken anzuzeigen?
cu,
Andreas--
Warum nennt sich Andreas hier MudGuard?
Schreinerei Waechter
Fachfragen per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.
-
Hi,
beispiel:
<div id="test"></div>
Was sollte bei einem absolut leeren Element dazu führen, daß sich ein Browser genötigt sehen könnte, Scrollbalken anzuzeigen?der Browser hat doch nicht zu entscheiden, ob das Element "leer" oder so gewollt ist.
MfG Hopsel
--
"It's amazing I won. I was running against peace, prosperity, and incumbency."
George W. Bush speaking to Swedish Prime Minister unaware a live television camera was still rolling, June 14, 2001-
Hi there,
der Browser hat doch nicht zu entscheiden, ob das Element "leer" oder so gewollt ist.
Naja, menschliche Intentionen sind einem Browser aber sowas von sch****egal. Der eigentliche "Job" eines Browser ist es, Information darzustellen. Daß er mit allen möglichen Ideen irgendwelcher Design-Fuzzies klarkommt, war eigentlich so nie geplant; das meiste kann ohnehin realisiert werden, der Browser schaut eben auch nicht nach, ob das Darzustellende irgendeinen Sinn macht (zum Glück).
Aber beim Darstellen von Scrollbars in leeren Elementen ist es vorbei mit der Browsertoleranz. Vielleicht hast Du ja Glück und es gibt in ein paar Jahren bei einer möglichen CSS4-Recommandation eine Umsetzung Deines "Wollens", auch wenn mir dieser Dein Wunsch schon etwas selten erscheint...-
hi,
das alles würde ich ja akzeptieren wenn es mit einem "vollen" DIV dann aber wirklich gehen würde:
*das* geht aber auch nicht:... oder?
.
.
.
<style>
html, body {overflow:auto;}
#test{ min-height:100%; width:100px;background-color:#FF9900;overflow-y:scroll;}
</style>
</head><body>
<div id="test">
<P>test</P>
<P>test</P>
<P>test</P>
<P>test</P>
<P>test</P>
<P>test</P>
<P>test</P>
<P>test</P>
<P>test</P>
<P>test</P>
<P>test</P>
<P>test</P>
<P>test</P>
<P>test</P>
<P>test</P>
</div>
</body>
</html>grüße,
p.-
hi,
das alles würde ich ja akzeptieren wenn es mit einem "vollen" DIV dann aber wirklich gehen würde:
*das* geht aber auch nicht:... oder?
#test{ min-height:100%; width:100px;background-color:#FF9900;overflow-y:scroll;}
wenn du nur eine _mindest_höhe angibst, ist das doch ein einladung an den browser, das element bei bedarf höher zu machen - anstatt scrollbalken anzuzeigen.
gruß,
wahsaga--
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; }-
...ich glaube es geht nicht, egal was ich angebe.. :(
Grüße.-
...ich glaube es geht nicht, egal was ich angebe.. :(
Gib es doch mal so an:
absolut:
#test
{
position: absolute;top: 1em;
bottom: 1em;overflow: auto;
}relative:
#test
{
position: relative;width: 100px;
height: 2em;overflow: auto;
}Aber unbedingt in beiden Fällen ein bisschen Inhalt definieren!
Das mit der Scrollbar wird nur funktionieren, wenn der Inhalt des DIVs größer ist, als die Höhe des DIVs fassen kann, also wird bei einem leeren DIV tatsächlich kein Balken angezeigt werden.
Gruß
L00NIX-
vielen dank für deine und euere antworten,
leider habe ich es nicht zum funzen gebracht:wie gesagt. das div wird ganz normal im browser angezeigt und hat auch inhalt. und erst wenn ich den browser verkleinere soll *im div*, nicht am browser rand, die scrollbar kommen...
ich bekomms nicht hin. werde es wohl doch mit frames machen müsse.
hier nochmal das besipiel:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Unbenanntes Dokument</title>
<style>
#test{background-color:#FF9900;overflow-y:auto;}
</style>
</head><body>
<div id="test">
<P>test</P>
<P>test</P>
<P>test</P>
<P>test</P>
<P>test</P>
<P>test</P>
<P>test</P>
</div>
</body>
</html>danke und grüße,
p.-
hi,
wie gesagt. das div wird ganz normal im browser angezeigt und hat auch inhalt. und erst wenn ich den browser verkleinere soll *im div*, nicht am browser rand, die scrollbar kommen...
dann müsstest du ihm wohl eine absolute mindesthöhe und eine relative höhe (in bezug auf das "browserfenster") geben.
gruß,
wahsaga--
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; } -
Probiere mal das aus:
Funktioniert einwandfrei und in SelfHTML sind übrigens auch gute Beispiele zu diesem Thema.
Gruß
L00NIX<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Unbenanntes Dokument</title>
<style type="text/css">html,body
{
height: 100%;margin: 0px;
padding: 0px;
}#test
{
border: 1px solid #000000;height: 10%;
width: 10em;overflow: auto;
}
</style>
</head><body>
<div id="test">
<p>Test</p>
<p>Test</p>
<p>Test</p>
</div>
</body>
</html>
-
-
-
-
-
Hi,
#test{ min-height:100%; width:100px;background-color:#FF9900;overflow-y:scroll;}
Da keine Höhenangabe für das div vorhanden ist, gilt auto. Also so hoch wie nötig. Daraus folgt, daß vertikales scrollen nicht nötig sein kann ;-)
min-height kennt der IE nicht.
overflow-y kennen die Geckos und Operas nicht.Ach ja, mein IE zeigt den vertikalen Scrollbar bei obigem Code an.
cu,
Andreas--
Warum nennt sich Andreas hier MudGuard?
Schreinerei Waechter
Fachfragen per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.
-
-
-
-
:) hast evtl. -theoretisch- recht...es funzt aber auch nicht wenn das div gefüllt ist.
-
Hi,
:) hast evtl. -theoretisch- recht...es funzt aber auch nicht wenn das div gefüllt ist.
hast du denn auch mal overflow: auto; oder overflow: scroll; benutzt?
MfG Hopsel
--
"It's amazing I won. I was running against peace, prosperity, and incumbency."
George W. Bush speaking to Swedish Prime Minister unaware a live television camera was still rolling, June 14, 2001
-
-
-
danke für euere Hilfe.
falls ich es jemals herausbekommen solte poste ich es nochmal :)
...grüße,
p.ps: hier nochmal das beispiel bei dem das orangene Div anfangen soll zu scrollen, wenn ich den Browser weit genug verkleiner...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Unbenanntes Dokument</title>
<style>
#test{background-color:#FF9900;overflow-y:auto;}
</style>
</head><body>
<div id="test">
<P>test</P>
<P>test</P>
<P>test</P>
<P>test</P>
<P>test</P>
<P>test</P>
<P>test</P>
</div>
</body>
</html>