Transparenter Hintergrund in iframes

[Micha1108]

Guten Morgen!

Ich habe eine Internetseite mit einem iframe erstellt (am linken Rand die Navigationsbuttons und rechts davon der iframe mit den jeweiligen Inhalten, rundherum ein schmaler Rand). Das habe ich deshalb so gemacht, weil der gesamte Inhalt in einer zentrierten Tabelle liegt, die ihre Größe nicht verändern soll. Wenn jetzt der Inhalt einer Seite länger wird, liefert mir deriframe automatisch den Scrollbar!

Jetzt das Problem: Das Hintergrundbild liegt in der Tabelle. In Safari wird der iframe transparent dargestellt, d.h. die einzelnen Seiten haben alle das Hintergrundbild als Hintergrund. Unter Windows - und der ein oder andere verwendet ja noch den IE - hat der iframe jedoch einen weißen Hintergrund, auf dem man die weiße Schrift der einzelnen Seiten nicht mehr sieht

Ich könnte jetzt das Hintergrundbild in jede einzelne Seite packen, dann wär's zwar doppelt, aber auch im IE zu sehen. Meine Frage: Wie sieht sowas unter anderen Browsern aus? Gibt es einen Befehl, der den iframe auf alle Fälle transparent macht? Ist meine Lösung mit dem iframe schlau oder gibt es was besseres? position:fix hab ich aufgegeben, weil ich'snicht hinbekommen hab. Da schiebt sich der Seiteninhalt beim Fenster vergrößern/verkleinern u.U. aus der Tabelle raus, weil er fix zur Seite und nicht fix zur Tabelle ist

Wer hat einen Rat? Vielen Dank im Voraus

Micha

 

[lengsel]

Ich denke das dürfte vermutlich an der mangelhaften iframe-Unterstützung (nicht nur) des IE liegen. Poste doch mal den Link. Vielleicht lässt sich das ja generell etwas eleganter lösen, als mit Tabellen in iframes...

Grüße,
Flo

 

[St.Garg]

Das Problem hatte ich auch mal. Funktioniert in Safari und Firefox super, aber der IE Streikt da. Angeblich lässt sich dieses Problem vermeiden wenn das BG Bild ein GIF ist und kein JPG. ANGEBLICH. Ich habs noch nicht ausprobiert!

 

[Micha1108]

...Poste doch mal den Link. Vielleicht lässt sich das ja generell etwas eleganter lösen, als mit Tabellen in iframes...

Mach ich gerne. Gebt mir noch etwas Zeit, die Seite fertigzustellen... Eleganter ist sicherlich die Lösung mit CSS position:fix, aber wie gesagt, bin bislang jedesmal gescheitert.

Das mit dem gif anstelle jpg probier ich mal aus, wäre ja der Hammer, Herr Gates

 

[simusch]

guck mal

www.youatworld.ch

dort ist der text auch in einem iFrame und das Bild ist als Hintergrund definiert... (CSS) es funktioniert fast in allen Browsern so wie es sollte...

 

[Micha1108]

guck mal

www.youatworld.ch

dort ist der text auch in einem iFrame und das Bild ist als Hintergrund definiert... (CSS) es funktioniert fast in allen Browsern so wie es sollte...

Das ist mit CSS ("position:absolut") gemacht, nicht mit einem iframe. Vermutlich die bessere Lösung

Meine Seite findet ihr unter http://www.webstyleprofessional.info/farbsatz . Ich musste nochmal alles ändern, weil es mit meiner iframe-Lösung nicht möglich war, den Nav-Button der gerade aktiven Seite "gedrückt" zu lassen. Jetzt steh ich wieder ganz am Anfang und frage mich, wie ich die "zu langen" Seiten nur innerhalb der Tabelle scrolle...

Wenn jemand was weiß, bin für jeden Rat dankbar!

Micha

 

[lengsel]

Also ich kann innerhalb der <table>s nichts erkenen was man nicht statt in einen <table> auch in ein <div> packen könnte.
Die <div>s mittig zu positionieren ist nicht das Problem, das steht u.a. hier:
http://www.thenoodleincident.com/tutorials/box_lesson/basic_centered.html
und scrollen geht mit overflow:scroll (http://css.talky.de/index.php).

Sollte eigentlich alles klappen

Grüße,
Flo

 

[Micha1108]

Probier ich mal aus. Danke, Flo