iframe-rand (Geister-Scroll-Balken)
flex
- html
0 Gernot Back0 flex0 Gernot Back0 Gernot Back- css
0 flex0 flex0 Gernot Back0 flex0 Gernot Back0 flex
0 Auge
Hallo,
Habe hier letzt schon mal gepostet, aber thread ist weg =(
Also nochmal:
test.htm
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<style type="text/css">
.stl{
font-size: 12px;
font-family: Arial;
margin-right: 0px;
}
</style>
<TITLE> test </TITLE>
</HEAD>
<body bgcolor="FFFF00">
<IFRAME STYLE="stl" SRC="testframe.htm" WIDTH="500" HEIGHT="500" FRAMEBORDER="0"></IFRAME>
</body>
</HTML>
testframe.htm
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<style type="text/css">
.stl{
font-size: 12px;
font-family: Arial;
margin-left: 0px;
margin-right: 0px;
padding: 0px;
}
</style>
<TITLE> test </TITLE>
</HEAD>
<BODY>
t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t
</BODY>
</HTML>
das problem ist: der t e s t -text geht nicht bis ganz rechts an den rand. wenn ich scrolling=no angebe schon!
wie erreiche ich das der text erst ganz recht, quasi margin-right: 0px, bricht? und nicht dieser Geister-Scroll-Balken erscheint?
Danke
Hallo flex,
das problem ist: der t e s t -text geht nicht bis ganz rechts an den rand. wenn ich scrolling=no angebe schon!
wie erreiche ich das der text erst ganz recht, quasi margin-right: 0px, bricht? und nicht dieser Geister-Scroll-Balken erscheint?
Ich habe das noch nie ausprobiert, aber du könntest mal versuchen, deinem Irame zwar das Attribut scrolling="no" zu verpassen, gleichzeitig dem Body-Element des darin eingebundenen Dokuments aber overflow:auto. Vielleicht haut das hin.
Gruß Gernot
Ich habe das noch nie ausprobiert, aber du könntest mal versuchen, deinem Irame zwar das Attribut scrolling="no" zu verpassen, gleichzeitig dem Body-Element des darin eingebundenen Dokuments aber overflow:auto. Vielleicht haut das hin.
Wenn der Text zu lange wird fehlt der Scroll-balken ganz.
Aber netter versuch!
Hallo flex,
Wenn der Text zu lange wird fehlt der Scroll-balken ganz.
Im IE6 unter Win98 funktioniert es, wenn du dem Iframe statt des Attributs scrolling="no" style="overflow:auto" verpasst. Andere Browser noch nicht getestet.
Gruß Gernot
Hallo nochmal,
Im IE6 unter Win98 funktioniert es, wenn du dem Iframe statt des Attributs scrolling="no" style="overflow:auto" verpasst. Andere Browser noch nicht getestet.
Mittlerweile auch erfolgreich in Opera 8 und Mozilla 1.7.2 sowie Firefox
Berichtigung: Was man im Iframe angibt ist nicht wichtig, solange es nicht scrolling="no"
ist. Wichtig ist dass man dem Body-Element des darin eingebundenen Dokuments die Eigenschaft overflow:auto
mitgeben muss, um das Phänomen der Platzreservierung für einen noch gar nicht vorhandenen Scrollbalken im IE zu verhindern. Das ist eigentlich schon komisch, denn das sollte ja eigentlich die Voreinstellung für das Body-Element sein. Der IE tickt halt nie ganz richtig.
Gruß Gernot
Hi,
Berichtigung: Was man im Iframe angibt ist nicht wichtig, solange es nicht
scrolling="no"
ist. Wichtig ist dass man dem Body-Element des darin eingebundenen Dokuments die Eigenschaftoverflow:auto
mitgeben muss, um das Phänomen der Platzreservierung für einen noch gar nicht vorhandenen Scrollbalken im IE zu verhindern. Das ist eigentlich schon komisch, denn das sollte ja eigentlich die Voreinstellung für das Body-Element sein. Der IE tickt halt nie ganz richtig.
YEAAAH!! Danke!
Blöder IE!
Danke nochmals.
Bist echt fit!
Im Netscape 7.01 habe ich jetzt 2 Scrollbalken für ein Frame - *aaaaaaaaaaarrrrrrrrrrrrrgggggghhhhhhh*
Sehr witzig.
MfG
flex
Hallo flex,
Im Netscape 7.01 habe ich jetzt 2 Scrollbalken für ein Frame - *aaaaaaaaaaarrrrrrrrrrrrrgggggghhhhhhh*
Ich in Netscape 7.1 aber nicht. Da musst du halt auch mal mit Kombinationen der Overflow-Eigenschaften der diversen Elemente Iframe im Mutterdokument, sowie HTML- und BODY-Element des eingebundenen Dokuments experimentieren.
Gruß Gernot
hallo Gernot,
ich probier rum und rum und rum und komm zu immer blöderen ergebnissen. im IE ist jetzt alles blendend, aaaaber jetzt stresst mich der NN =)
Kannst du mir nicht einfach mal kurz dein Code Posten, dass würde die vergleichere einfacher machen.
Danke
Hallo flex,
Kannst du mir nicht einfach mal kurz dein Code Posten, dass würde die vergleichere einfacher machen.
Angesichts der tatsache, dass es ja nur ein IE-Problem ist würde ich da einen Conditional Comment oder wie folgt einen der üblichen IE-Hacks empfehlen:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> test </TITLE>
<style type="text/css">
[code lang=css]
body {
font-size: 12px;
font-family: Arial;
margin-left: 0px;
margin-right: 0px;
padding: 0px;
background-color:white;
}
* html body {
overflow:auto;
}
</style>
</HEAD>
<BODY>
t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t
</BODY>
</HTML>
</html>
[/code]
Im Iframe des Mutterdokuments lässt du dich am besten gar nicht aus zum Scrolling.
Gruß Gernot
Vielen vielen Dank Gernot!!!
Echt Super!!
Klappt einfach spitze!
Wie kann ich dir danken?
flex
Hallo flex,
Wie kann ich dir danken?
Empfiehl mich weiter!
Gruß Gernot
Hallo
test.htm
<style type="text/css">
.stl{
font-size: 12px;
font-family: Arial;
margin-right: 0px;
}
</style>
<IFRAME STYLE="stl" SRC="testframe.htm" WIDTH="500" HEIGHT="500" FRAMEBORDER="0"></IFRAME>
1. Was ist STYLE="stl"
? Du hast ja im <head>
Definitionen für eine _Klasse_ vorgenommen.
2. Der Inhalt des Iframes ist eine _eigene_ Datei. Die Angaben in der aufrufenden Datei beziehen sich jedoch ausschließlich auf selbige, nicht aber auf die im <iframe>
aufgerufene Datei.
testframe.htm
<style type="text/css">
.stl{
font-size: 12px;
font-family: Arial;
margin-left: 0px;
margin-right: 0px;
padding: 0px;
}
</style>
<BODY>
t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t t e s t
</BODY>
3. Wo ist die Angabe der Klasse "stl" im HTML-Quelltext geblieben? Du musst die Klasse schon irgendeinem HTML-Element zuweisen, damit die CSS-Definitionen wirksam werden. Oder du weist die CSS-Angaben direkt dem <body>
zu.
Tschö, Auge