scrollbalken bei iframe

marburgh

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"??

hier die Seite um die es geht

Marcus

Hi,

das ist ein IE-spezifisches Problem und läßt sich lösen:
einfach:

Code

iframe {overflow-x: visible;}

in den Style-Tag schreiben.

Das sollt eigentlich funktionieren.

Gruß
Marcus

marburgh

Danke,
aber bei mir fuktioniert das nicht
habe hier zum bessern anschauen mal 2 Quelltexte:
"index" Quelltext
"angebot" Quelltext

ich hoffe das bringt was...

admin

Sehr seltsam, da ich bei meinen Iframes noch nie Probleme gehabt habe.
Probiere mal das, vielleicht hilft das

Code

frameborder="no" scrolling="yes"

Oder versuche es mal damit

HTML

<!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>

Alles anzeigen

Ronald

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 ...

Code

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

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

marburgh

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

Ronald

Moin!

Wenn du jetzt auchnoch die Tabellen überarbeitest, dann verschwindet die unnötige 2. Scrolleiste vom Browser auch noch

G.a.d.M.

Ronald

marburgh

welche Tabellen meinst du, alle auf der index-Seite??

Ronald

Wie ich schon schrieb:

Zitat von Ronald

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).

Danach verschwindet auch der Scrollbalken vom Browser, ich habs ausprobiert.

G.a.d.M.

Ronald

marburgh

ups, stimmt, hab ja nur die hälfte gemacht....

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überfahren

oder ist mein Gedanke falsch??

Ronald

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überfahren

oder ist mein Gedanke falsch??

Alles anzeigen

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

Tags