100% höhe des iframe nicht im IE 7

micfis · 07.02.2008, 07:47

Hallo und guten Morgen ...

hier der Code mit iframe der sich automatisch der Höhe anpasst nur leider funktioniert es nicht mit dem IE 7.0, dort wird nur ein ca. 100pixel großes Fenster angezeigt.
Kann mir evtl. jemand sagen warum dem so ist oder evtl. ausprobieren vielleicht liegt es ja "bei mir".

Danke Micha

HTML-Code:

<head>
<title>100prozent</title>
<style type="text/css">
<!--
html, body {
height: 100%;
}
#container { /* this is the div you want to fill the window */
	min-height: 100%;
	background-color: #003399;
}

* html #container {
height: 100%;
}
</style>
</head>
<div id="container">

<iframe src="test.html" name="iframe" width="700px" marginwidth="" height="100%" marginheight="" align="left" scrolling="np" frameborder="" ></iframe>

</DIV>
</body>

micfis · 08.02.2008, 13:01

könnte mal bitte jemand probieren ob sich der Browser (IE7) bei ihm genauso verhält,
ich habe immer noch keine Lösung für das Problem ...

Danke Micha

koenixblau · 08.02.2008, 23:45

Zitat:

Zitat von micfis

könnte mal bitte jemand probieren ob sich der Browser (IE7) bei ihm genauso verhält,
ich habe immer noch keine Lösung für das Problem ...

Danke Micha

Könntest du deine Datei online stellen, damit würdest du dem Helfenden enorm entgegen kommen.

EDIT

Peinlich, habe ich was festgestellt.
Klar das verschiedene Browser einige Sachen anderes/verschieden/seltsam interpretieren, aber 100% "Height" ?

Was ist zu erwarten was du mit einem 100%igen Kontainer mit einem ebenso %igen IFrame vor hast?

Glaub da muss Mutti ran.

micfis · 11.02.2008, 07:44

guten Morgen

hier habe ich die Seite mal hochgeladen:

http://micfis.com/einhundert.html

Gruß Micha

MichaelM · 15.02.2008, 13:54

Warum mit Iframe wenn es auch mit CSS geht.!

HTML-Code:

#content{
	min-height: 90%;
	height: auto !important;  /* für moderne Browser */
	height: 90%;  /*für den IE */
	width: 700px;
	background: #999900;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	border: 1px dotted #666666;
	padding: 5px;
}

<body>
<div id="content">Text: Divcontainer 100% in der Höhe</div>
</body>
</html>

micfis · 18.02.2008, 10:43

guten Morgen

das funktioniert soweit, ich habe einen Bereich mit 100% Höhe
nur leider ist mein iframe darin, wenn ich ihn auch auf 100% Höhe setze, immer noch ca.100px hoch

der Bereich wie gesagt passt sich wunderbar dem Browserfenster an
hier mal mein iframe:

<div id="content">
<iframe src="/info.html" name="iframe" width="100%" marginwidth="" height="100%" marginheight="" align="left" scrolling="yes" frameborder="" ></iframe>
</DIV>

was ist daran falsch ?

vielen Dank
Gruß Micha

Boris · 18.02.2008, 13:10

Es ist einfach so: man kann keinem IFrame "sauber" eine Höhe von 100% geben.

Wozu brauchst du überhaupt eines, das die gesamte Fenstergröße einnimmt? Das ist irgendwie sinnfrei ...?

micfis · 20.02.2008, 07:57

Zitat:

Zitat von Boris

Es ist einfach so: man kann keinem IFrame "sauber" eine Höhe von 100% geben.

Wozu brauchst du überhaupt eines, das die gesamte Fenstergröße einnimmt? Das ist irgendwie sinnfrei ...?

OK, vielleicht ist das der falsche Ansatz, meine Seite muß bei einer Auflösung 1280 bzw. 1024 gleich dargestellt werden,

die Seiten im eingeladenen iframe sind teilweise sehr lang und ich möchte unnötiges scrollen dadurch das sich der frame automatisch an die Fensterhöhe anpasst vermeiden.

oder gibt es eine andere (bessere) Lösung ?

Gruß Micha

koenixblau · 20.02.2008, 08:14

Könntest dich eher um "Liquid-Design", dynamische Designs, kümmern.

Beispiele gibt es u.a. hier:
- http://www.cssliquid.com/
- http://www.intensivstation.ch/templates/

Siehe auch TP-Suche.

micfis · 20.02.2008, 09:22

OK, nur wenn ich dem iFrame eine feste höhe z.b. 530px geben muß,
da e sja mit 100% im IE7 nicht geht,
dann nutzt mir das dynamische Layout auch nix ... oder ?

danke Micha

koenixblau · 20.02.2008, 09:55

Was möchtest du in den Iframe packen?
Sorry, wenn die Frage bereits gefallen ist.

micfis · 20.02.2008, 10:02

das sollen Dokumentationen werden.
also Text, Bilder und teilweise auch kleine .flv Clips
die Seiten sind teilweise sehr lang und ich möchte unnötiges scrollen dadurch das sich der frame automatisch an die Fensterhöhe anpasst vermeiden.

koenixblau · 20.02.2008, 10:05

Zitat:

Zitat von micfis

das sollen Dokumentationen werden.
also Text, Bilder und teilweise auch kleine .flv Clips
die Seiten sind teilweise sehr lang und ich möchte unnötiges scrollen dadurch das sich der frame automatisch an die Fensterhöhe anpasst vermeiden.

Sorry wenn ich das falsch verstehe, unter Umständen könnte bei kleineren Auflösungen der Inhalt verdeckt werden.

micfis · 20.02.2008, 10:16

das ist soweit alles Ok, es wird nix verdeckt, die Seiten die in den iFrame eingeladen werden sind nur zu lang (hoch) und ich muß scrollen.

d.h. am iFrame wird gescrollt und am eigentlichen Browserfenster auch,
da sich der Browser an der festen Höhe von z.b. 700px des iframes orientiert was aber wieder um bei einer Auflösung von 1024 zu hoch ist.

Wenn ich den iframe auf 530px Höhe setzte ist es bei 1024er Auflösung gut, nur bei 1280 doch sehr klein.

ich hoffe das ist verständlich

...alles wäre gut, wenn der ferflixte IE7 die Höhe von 100% machen würde !!

koenixblau · 20.02.2008, 10:22

Zitat:

Zitat von micfis

...

Wenn ich den iframe auf 530px Höhe setzte ist es bei 1024er Auflösung gut, nur bei 1280 doch sehr klein.

ich hoffe das ist verständlich

...alles wäre gut, wenn der ferflixte IE7 die Höhe von 100% machen würde !!

Aus diesem Grund gab es den sinnigen Einwurf von Michael M. .