iframe lässt sich nicht richtig positionieren...
ich :-)
- html
0 Thilo Fester0 Engin
ich möchte zwei iframes haben, die ich positionieren kann, wie ich möchte. der erste iframes geht dahin, wo ich möchte aber der zweite klebt einfach am ersten dran wie zB ein buchstabe in einem wort.
wie kann ich auch den zweiten iframe richtig positionieren?
eventuell ist <div> nicht das richtige?
hier der quelltext:
<html>
<head>
<title>meine Seite xD</title>
</head>
<body>
<div id="eins" style="position:fixed; top:50px; left:50px">
<iframe src="feld.htm" name="haupt" width="400" height="400" frameborder="0"
style="border-color:#FF00FF; border-width:4px; border-style:dashed;">
</div>
<div id="zwei" style="position:fixed; top:100px; right:100px">
<iframe src="navi.htm" name="navi" width="100" height="500" frameborder="0"
style="border-color:#FF00FF; border-width:4px; border-style:dashed;">
</div>
</body>
</html>
Hey öhm ... Karinas "ich" ^^
<html>
<head>
<title>meine Seite xD</title>
</head>
<body>
<div id="eins" style="position:absolute; top:50px; left:50px">
<iframe src="feld.htm" name="haupt" width="400" height="400" frameborder="0" style="border-color:#FF00FF; border-width:4px; border-style:dashed;">
</div>
<div id="zwei" style="position:absolute; top:100px; right:100px">
<iframe src="navi.htm" name="navi" width="100" height="500" frameborder="0" style="border-color:#FF00FF; border-width:4px; border-style:dashed;">
</div>
</body>
</html>
style="positions:absolute...
Funktioniert zumindest bei mir immer ganz gut.
Achtung! "absolute" ist nicht, wie das Wort vermuten lässt, eine absolute Positionierung, sondern bezieht sich immer auf das übergeordnete Element.
Wenn das Elternelemnt das BODY-Tag ist, dann kannst Du davon ausgehen, die absolute Position auf Deiner Seite zu erhalten.
Beste Grüße
~ Thilo
Hi ich,
wie kann ich auch den zweiten iframe richtig positionieren?
eventuell ist <div> nicht das richtige?
<div id="eins"
<iframe src="feld.htm"
<div id="zwei"
<iframe src="navi.htm"
Von hier sieht es fast so aus, als ob du Teile deiner Webseite auslagern möchtest,
wenn du das tust, dann kannst du ohne iframes arbeiten und deine divs mittels
float rechts und links positionieren.
Grüße,
Engin
GYRO
Hi ich,
wie kann ich auch den zweiten iframe richtig positionieren?
eventuell ist <div> nicht das richtige?<div id="eins"
<iframe src="feld.htm"
<div id="zwei"
<iframe src="navi.htm"Von hier sieht es fast so aus, als ob du Teile deiner Webseite auslagern möchtest,
wenn du das tust, dann kannst du ohne iframes arbeiten und deine divs mittels
float rechts und links positionieren.Grüße,
Engin
GYRO
teile auslagern??? machs bitte nicht zu kompliziert ;-)
die zwei iframes sollen auf jeden fall so bleiben, gibts vlt ne alternative für div? hatte nämlich schonmal ne seite mit zwei iframes und da hats perfekt geklappt
Hi ich,
teile auslagern??? machs bitte nicht zu kompliziert ;-)
die zwei iframes sollen auf jeden fall so bleiben, gibts vlt ne alternative für div? hatte nämlich schonmal ne seite mit zwei iframes und da hats perfekt geklappt
Ein iframe heisst navi und das andere feld, wenn navi für die Links deiner Seite
steht, also für die Navigation, und feld für den Inhalt, dann wäre es besser,
statt ein iframe zu benutzen, teile deiner Seite auszulagern.
Das ist ähnlich wie das iframe Prinzip, du schreibst deine Navigation in eine html Datei und mit
einem Befehl fügst du diese Datei in jede Seite, in der du die Navi brauchst.
Mal ein bsp. mit SSI:
du legst eine HTML Datei an, die nennst du navigat.html, in diese Datei kommt deine Navigation,
wichtig ist, das _nur_ die Navigation reinkommt
<ul id="hauptmenu">
<li><a href="#">Home</a></li>
<li><a href="#">Live TV</a></li>
<li><a href="#">Fotogalerie</a></li>
<li><a href="#">Nispet</a></li>
<li><a href="#">Gästebuch</a></li>
</ul>
Dann nimmst du eine deiner unterseiten deiner Webseite und schreibst an die stelle, wo diese Navi rein soll
<!--#include file="navigat.html" -->
Überall, wo jetzt dieser befehl include steht wird die Navigation eingebunden.
Du musst die Dateien, wo der Befehl reinkommt dann statt als .html mit .shtml speichern.
Das bsp. heisst SSI - Server Side Includes.
Grüße,
Engin
GYRO