ich :-): iframe lässt sich nicht richtig positionieren...

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>

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

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

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

      1. 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&auml;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