HTML Ein Hintergrundbild für mehrere Frames

[koffi]

Hallo!
angenommen meine html seite ist in zwei horizontal getrennte frames aufgeteilt.
ist es möglich genau EIN hintergrundbild für die ganze seite, welches also fließend über beide frames zu sehen ist, einzurichten? normal kann man ja nur pro frame ein hintergrundbild machen, also müsste ich mein hintergrundbild in der mitte durchschneiden und in jedem frame einen teil anzeigen lassen, das ist doof..

 

[BuzzGo]

IMO geht es nicht da jedes iframe quasi ein eigenes HTML-Dokument ist. Also mit reinem CSS und HTML kommste nicht weiter.

BTW: Wieso verwendest Du iframes? Damit z. B. immer die Navigation / Header (was auch immer) auf jeder "Unterseite" eingebunden ist? Ist die Verwendung von iframes nicht schon längst obsolete? Wären dann alternativen wie serverseitige Scriptsprachen wie JSP oder PHP nicht interessant für Dich? Ich frage nur aus reinem Interesse

Evt. muss man die Grafik "teilen" und dann z. B. mittels CSS für die jeweiligen Frames definieren:

CSS-Datei (Auszug)
#frame_left {

background-image: url(/images/frame_bg_part1.png);
.
.
.

}

#frame_content {

background-image: url(/images/frame_bg_part1.png);
.
.
.

}

Frameset-Datei (Auszug)

<frameset id="frameset" frameborder="NO" border="0" framespacing="0">
<frame src="frame_left.html" name="frame_left" id="frame_left" nozesize>
<frame src="frame_content.html" name="frame_content" id="frame_content">
</frameset>

 

[CHaos.Gentle]

Einfache Variante wäre keine Frames zu benutzen. Wie Excalibur schon schrieb, verzichte auf deren Verwendung, die sind nicht mehr zeitgemäß.

Wenn du es doch machen willst oder nicht verzichten kannst:
Teilen brauchst du das Hintergrundbild nicht.
Auszug Stylesheet

#frame_left {
background: url(/images/background.png);
width: 100px; //Breite des linken Frames
}

#frame_content {
background-image: url(images/bg.gif);
background-repeat: no-repeat;
background-position: -100px 0px; //erster Wert = Breite des linken Frames * -1
}

Auszug HTML

<frameset id="frameset" frameborder="NO" border="0" framespacing="0">
<frame src="frame_left.html" name="frame_left" id="frame_left" nozesize>
<frame src="frame_content.html" name="frame_content" id="frame_content">
</frameset>

 

[BuzzGo]

background-position: -100px 0px; //erster Wert = Breite des linken Frames * -1
}

Sehr gut...Daran hatte ich nicht mehr gedacht!