Iframes verschieben sich bei anderer Auflösung...

Lizz

hallo!
ich hoffe mir kann jemand helfen...und vor allem das so erklären, dass ich dumme nudel es auch verstehe
also ich versuch mich zum ersten mal mit iframes und hab das problem, dass die zwar gut passen, bei meiner auflösung, aber wenn einer mit ner kleineren oder größeren kommt, sind die frames nimmer da auf dem hintergrund, wo sie hingehören ausserdem habe ich den hintergrund auf 'center' und obwohl er von der breite passen würde, kommen einfach links und rechts 2 weiße streifen und dafür muss man dann scrollen. dabei würde der hintergrund ohne scrollen passen, wenn diese dumme streifen nicht wären...
wie bekomm ich das hin, dass egal bei welcher auflösung, die frames da auf dem hintergrund bleiben, wo sie sein sollen. ich kenne eine seite, bei der klappt das - aber die besitzerin kann mir das auch nich erklären
puhh...ich hoffe hier kann mir jemand helfen!

gruß und danke schonmal...
lizz

admin

Du solltest am besten mit eine Tabelle mit einer festen breite arbeiten und darin deine Iframes packen.Dann bleibt die Position der Iframes auch bei unterschiedlichen Auflösungen da, wo er bleiben soll.
Handelt es sich bei der Hintergrundgrafik um "eine" Grafik oder wird die Grafik gekachelt dargestellt ?

lizz.

es ist 'nur' eine hintergrundgrafik, nicht gekachelt-weiß gar nicht, wie man das macht *gg*
danke, das mit der tabelle werde ich mal probieren, wo muss ich die dann einfügen?
bis jetzt schaut mein code so aus:

HTML

<html>
<head>
<link rel="stylesheet" href="hdesign.css" type="text/css">
<title>VrH - Haltergemeinschaft</title>
</head>


<div id="inhalt" style="position: absolute; left: 30%; top: 35%;">
<iframe src="inhalt.html" name="inhalt" width="500" height="300" frameborder=0 scrolling="auto" noresize style="border:0" allowtransparency="true" style="filter:chroma(color=#FFBF00)";>
</iframe>




<div id="menu" style="position:absolute; left: 95%; bottom: 80%;">
<iframe src="menu.html" name="menu" width="150" height="150" frameborder=0 scrolling="no" noresize style="border:0" allowtransparency="true" ;>
</iframe>


<body scroll=no>
</body>
</html>

Alles anzeigen

kommt die tabelle dann auch zwischen <head> und <body> bereich?

lizz

admin

Das mit der Tabelle geht bei Dir so nicht, da Du mit position: absolute arbeitest.
Aber setzte mal die Werte nicht in % sondern in Pixel.
dann sollte es auch gehen.
zb

Code

left: 306px; top: 59px

Mit was hast Du die HTML Seite entworfen ?

kueken

edit: sorry hast ja bereits den scrolling="no" befehl in deinem code

Lizz

hatte das bis jetzt auch in px - da gings auch nich, deshalb dachte ich, ich versuchs mal mit %...
klappt aber auch nich wirklich. hab phase5 als htmleditor.
was müsste ich bei der tabelle denn anders machen? könntest du mir das anhand von meinem code erklären?

gruß,lizz.

Lizz

kann mir denn gar keiner helfen

admin

Hast Du das schon versucht die Angaben in Pixel anzugeben ?

Code

left: 306px; top: 59px

Lizz

hab ich grad nochmal versucht, aber wenn ich die auflösung ändere, verschiebt sich auf dem hintergrund trotzdem alles, weil der ja dann größer bzw. kleiner ist und die frames mehr in der mitte oder weiter aussen.
*haare rauf*

[sG|W00tkaeppi]

Ein iframe bettest Du auch nicht zwischen <head> und <body> ein. Das kannst Du lediglich mit einem Frameset machen. Also ändere erst einmal den Code folgendermaßen ab.

HTML

<html>
<head>
<link rel="stylesheet" href="hdesign.css" type="text/css">
<title>VrH - Haltergemeinschaft</title>
</head>
<body scroll=no>


<div id="inhalt" style="position: absolute; left: 30%; top: 35%;">
<iframe src="inhalt.html" name="inhalt" width="500" height="300" frameborder=0 scrolling="auto" noresize style="border:0" allowtransparency="true" style="filter:chroma(color=#FFBF00)";>
</iframe>




<div id="menu" style="position:absolute; left: 95%; bottom: 80%;">
<iframe src="menu.html" name="menu" width="150" height="150" frameborder=0 scrolling="no" noresize style="border:0" allowtransparency="true" ;>
</iframe>


</body>
</html>

Alles anzeigen

Daraufhin solltest Du mal folgendes ausprobieren

HTML

<html>
<head>
<link rel="stylesheet" href="hdesign.css" type="text/css">
<title>VrH - Haltergemeinschaft</title>
</head>
<body scroll=no>
<table cellpadding="0" cellspacing="0">
  <tr>
    <td id="inhalt">


    <iframe src="inhalt.html" name="inhalt" width="500" height="300" frameborder=0 scrolling="auto" noresize style="border:0" allowtransparency="true" style="filter:chroma(color=#FFBF00)";>
    </iframe>

    </td>
  </tr>
  <tr>
    <td id="menu">


    <iframe src="menu.html" name="menu" width="150" height="150" frameborder=0 scrolling="no" noresize style="border:0" allowtransparency="true" ;>
    </iframe>

    </td>
  </tr>
</table>
</body>
</html>

Alles anzeigen

Und wenn Du schon mit DIV Containern arbeitest, dann solltest Du sie im Nachhinein auch wieder schließen mit </div>. Vergebe im letzten Code nun der Tabelle die Außenmaße und den beiden Zellen die jeweiligen Maße Deiner iframes. Setze das Width & Height Deiner iframes auf jeweils 100%.

MfG

Tags