hallo,
ich habe folgendes Problem,
sobald meine iframe seite zu lang wird (passt in der höhe nicht mehr) , erscheint der waagerechte und senkrechte Scrollbalken, obwohl der senkrechte reichen würde.
Kann ich den waagerechte "abschalten"??
scrollbalken bei iframe
-
-
-
Danke,
aber bei mir fuktioniert das nicht
habe hier zum bessern anschauen mal 2 Quelltexte:
"index" Quelltext
"angebot" Quelltextich hoffe das bringt was...
-
- Offizieller Beitrag
Sehr seltsam, da ich bei meinen Iframes noch nie Probleme gehabt habe.
Probiere mal das, vielleicht hilft dasOder versuche es mal damit
HTML
Alles anzeigen<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Hieber Fasnetsbar</title> <link REL="SHORTCUT ICON" HREF="fasnetsbar.ico"> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <meta name="Author" content="Fasnetsbar.de"> <meta name="Publisher" content="Fasnetsbar.de"> <meta name="Copyright" content="Fasnetsbar.de"> <meta name="Keywords" content="Hieber, Fasnetsbar, Fasnet, Fasching, Umzug, Forum, Donzdorf, Gästebuch, Gaestebuch, Wurst, Schnitzelwecken, Rote, Currywurst, Getränke, Speisen"> <meta name="Description" content="Fasnetsbar Homepage Donzdorf"> <meta name="Page-topic" content="Fasnet Donzdorf"> <meta name="Audience" content="Alle"> <meta name="Content-language" content="DE"> <meta name="Page-type" content="Nicht Gewinnorientiert"> <meta name="Robots" content="INDEX,FOLLOW"> </head> <style type="text/css"> body { font-family:Comic Sants MS; text-shadow:Red; color:#000099; background-color:#FFFF00; } a { font-size: 12px; color:#000099} a:hover { text-decoration:underline; font-size: 14px; color: #CC0000; font-weight:bold} iframe {overflow-x:visible} </style> <body> <table width="100%" height="700px" align="center" border="0"> <tr> <td width="15%" style="background-image: url(luftballone.jpg); background-position:center; background-repeat:no-repeat"></td> <td width="70%"> <table width="100%" height="700px" border="0" style="margin-top:inherit"> <tr> <td height="150px" valign="top" align="center">[img]zelt2.jpg[/img][img]bar2.jpg[/img]</td> </tr> <tr> <td height="20px" valign="top"> <table width="100%" height="100%" border="0"> <tr> <td width="8%" height="19px">[url='seite1.htm']Aktuelles[/url]</td> <td width="8%" height="19px">[url='angebot2.htm']Angebot[/url]</td> <td width="14%" height="19px">[url='bilder.htm']Foto-Archiv[/url]</td> <td width="8%" height="19px">[url='team.htm']Team[/url]</td> <td width="8%" height="19px">[url='kontakt2.htm']Kontakt[/url]</td> <td width="10%" height="19px">[url='http://34021.iboox.com']Gästebuch[/url]</td> <td width="8%" height="19px">[url='links.htm']Links[/url]</td> <td width="8%" height="19px">[url='http://forum.markus-burghardt.de']Forum[/url]</td> </tr> </table> </td> </tr> <tr> <td height="550px" align="center" valign="top"><iframe name="index" src="seite1.htm" frameborder="0" height="550px" width="100%" scrolling="auto" allowtransparency="1"></iframe></td> </tr> </table> </td> <td width="15%" style="background-image:url(luftballone.jpg); background-position:center; background-repeat:no-repeat"></td> </tr> </table> </body> </html>
-
Moin!
Du hast mehrere Probleme in der Seite:
1.
Nimm mal aus allen Seiten beim Dokumentenyp den Link zu Quelldatei raus, der IE-Explorer interprtiert die Seiten dann nämlich falsch (W3C ist ja schließlich kein Microsoft-Produkt), also nur ...an den Seitenanfang, dann klappt es schon mal mit den Scrolleisten.
2.
Bei den Stylesheets trage für das iframe "overflow:auto" ein.3.
Du solltest für die Tabelle, die du in der mittleren Spalte der Haupttabelle einbaust, keine feste Größe vorgeben. Das führt bei meiner Bildschirmeinstellung (1152x864) z.B. zu unnötigen zusätzlichem Scrollen.
Nimm anstatt "height=700" lieber "height=100%", sowohl für die untergeordnete Tabelle, als auch für das Iframe und die Zelle in der sich das Iframe befindet. Danach verschwindet dann auch die Scrolleiste, die der Browser einbaut und es scrollt nun wirklich nur noch das iframe und auch das nur, wenn und wie es sein muß (gar nicht, horizontal, vertical, oder beides).4.
Voila..G.a.d.M.
Ronald
-
Danke,
habs gerade geändert, funktioniert Prima *freu*
Hat bisher immer so geklappt, denkt ja auch keiner dran, dass ein Link den IE durcheinander bringt
-
Moin!
Wenn du jetzt auchnoch die Tabellen überarbeitest, dann verschwindet die unnötige 2. Scrolleiste vom Browser auch noch
G.a.d.M.
Ronald
-
welche Tabellen meinst du, alle auf der index-Seite??
-
Wie ich schon schrieb:
Zitat von Ronald3.
Du solltest für die Tabelle, die du in der mittleren Spalte der Haupttabelle einbaust, keine feste Größe vorgeben. Das führt bei meiner Bildschirmeinstellung (1152x864) z.B. zu unnötigen zusätzlichem Scrollen.
Nimm anstatt "height=700" lieber "height=100%", sowohl für die untergeordnete Tabelle, als auch für das Iframe und die Zelle in der sich das Iframe befindet. Danach verschwindet dann auch die Scrolleiste, die der Browser einbaut und es scrollt nun wirklich nur noch das iframe und auch das nur, wenn und wie es sein muß (gar nicht, horizontal, vertical, oder beides).Danach verschwindet auch der Scrollbalken vom Browser, ich habs ausprobiert.
G.a.d.M.
Ronald
-
ups, stimmt, hab ja nur die hälfte gemacht....
-
<td width="15%" style="background-image: url(luftballone.jpg); background-position:center; background-repeat:no-repeat"></td>
<td width="70%">
<table width="100%" height="100%" border="0" style="margin-top:inherit">
<tr>
1:<td height="150px" valign="top" align="center"></td>
</tr>
<tr>
2:<td height="20px" valign="top">
<table width="100%" height="100%" border="0">
<tr>
3:<td width="8%" height="19px">Aktuelles</td>1: muss ich das nicht so lassen, weil das Bild ja auch diese höhe hat??
2: und diese höhe: Schriftgrösse??
3: dito. wenn ich hier % eingebe wackelt die Schrift hoch und runter beim drüberfahrenoder ist mein Gedanke falsch??
-
Zitat von marburgh
<td width="15%" style="background-image: url(luftballone.jpg); background-position:center; background-repeat:no-repeat"></td>
<td width="70%">
<table width="100%" height="100%" border="0" style="margin-top:inherit">
<tr>
1:<td height="150px" valign="top" align="center"></td>
</tr>
<tr>
2:<td height="20px" valign="top">
<table width="100%" height="100%" border="0">
<tr>
3:<td width="8%" height="19px">Aktuelles</td>1: muss ich das nicht so lassen, weil das Bild ja auch diese höhe hat??
2: und diese höhe: Schriftgrösse??
3: dito. wenn ich hier % eingebe wackelt die Schrift hoch und runter beim drüberfahrenoder ist mein Gedanke falsch??
Moin!
1.
Sind Vordergrundgrafiken größer als die Zelle drumherum, dann wird die Zelle automatisch angeapaßt ( vergrößert).2.
Diese Größenangabe ist unschädlich, kann auch ganz weg, da die Höhe für die Zellen mit den Links ind der untergeordneten Tabelle noch einmal festgelegt wird (19px)3.
Die Höhen-Angabe sollte bleiben wie sie ist. Die Schrift wackelt, da die Hover-größe ganz anders ist, als die normale Link-Größe. Die Links kann man übrigens sehr schön mit Stylesheets formatieren, falls du da Interesse hast melde dich noch einmal.Ich sprach auch nur von den 700er Höhen, die solltest du in 100% umwandeln - wie ich auf der Seite sehe hast du das inzwischen gemacht und es sieht gut aus.
Noch ein Tip:
Ergänze bei den Styles für den body-Tag noch "overflow:auto", dann verschwindet auch die nichtbenutzte Browser-Scrollleiste rechts.G.a.d.M.
Ronald