IFrame wird im Firefox nicht mit 100% dargestellt.

Status
Nicht offen für weitere Antworten.

jOKeR45

Mitglied
Hallo,

Es geht um das Problem, was mich schon bestimmt 3 Tage quält... Und zwar habe ich einen iframe, denn ich in prozenten darstellen möchte... ich möchte dass sich das frame fenster immer an die auflösung bzw. an das Browser fenster anpasst... beim Internetexplorer geht das ohne Problem... sieht super aus.. klappt super... aber beim Firefox ist tote Hose...

Ich habe schon viele Foren durchstöbert... es gibt viele Lösungsansätze z.b. via CSS das man da einen div container bastelt usw.. dann mit PHP includes usw... Die css lösung wäre mir eigentlich am liebesten... ich brauche vom prinzip kein iFrame... mir geht es darum, dass wenn die Auflösung kleiner als 1024 x 768 wird... also z.b. 800 x 600 das ein scoll balken in der mitte kommt... damit der user alle informationen sehen kann! Aber das klappt bei Firefox einfach nicht... in der länge kann man den iframe einstellen aber nicht in der Höhe... er hat imemr die selbe höhe...

Ich habe hier Firefox 1.5.0.7 & IE 5.0 beim IE 5.0 klappt es problemlos auch beim 6.0 aber beim Firefox ist tote hose? Wieso

Ich habe hier mal eine bsp. Datei hochgeladen, wo man den Spaß sich ansehen kann... und hier der check up vorn vornherien -> http://validator.w3.org/check?uri=http://www.colognedisplays.de/problem.html
"This Page Is Valid XHTML 1.0 Transitional!"

Also wenn da endlich mal jemand eine Lösung kennt die auch funktioniert wäre ich sehr dankbar!

So hier ist wie besprochen die Datei -> http://www.colognedisplays.de/problem.html hier habe ich einfach rein zu test zwecken versucht 90% width 90% height... der IE stellt das genau richtig und ohne Probleme dar.. wenn ich das fenster verkleiner kommen auch scroll balken und das iframe passt sich dem browserfenster den % werten an... bei Firefox wird das einfach ignoriert!

So ich hoffe dieser Terror ist bald vorbei und einer kennt die Lösung zum ganzen problem

mfg.
Guido Engel
 
Setze mal das folgende Stylesheet in dem Dokument ein:

Code:
<style type="text/css">
html,body {
height: 100%;
}
</style>
 
Danke für deine Antwort... okay das funktioniert... aber wie realisiere ich das in diesem beispiel?

http://www.colognedisplays.de/new/problem2.html

der iFrame ist in der mitte in einer tabelle die von oben und unten jeweils 30 pixl hat.. die mitte ist auf "auto" und die ganze tabele hat 100%

das heißt... der iframe soll sich auf die 100% in der td ausbreiten... in der höhe... somit will ich das es immer 100% sind.. Aber der iframe tut es nicht...der bleibt bei seienn 150 px oder was er da an höhe hat... und dein style befehl wirkt im nachhinei nauch nicht mehr darauf?!
 
Notiere in der Tabellenzelle das Attribut height="100%":

Code:
<td align="left" valign="top" width="410" height="100%">
<iframe src="../../../index.htm" width="410" height="100%" style="overflow:auto;" name="SELFHTML_in_a_box">
  <p>Ihr Browser kann leider keine eingebetteten Frames anzeigen:
  Sie können die eingebettete Seite über den folgenden Verweis
  aufrufen: <a href="../../../index.htm">SELFHTML</a></p>
</iframe>
</td>
 
Status
Nicht offen für weitere Antworten.
Zurück