|
Vorheriges Thema: Nächstes Thema: |
Autor |
Nachricht |
motfku
Anmeldungsdatum: 23.05.2006 Beiträge: 1
|
Verfasst am: 23.05.2006 18:16:50 Titel: Frames |
|
|
Moinmoin, habe folgendes blödes problem:
habe ne website mit 3 frames; d.h. einen links (menübar), einen oben (titel) und einen mainframe (dort wechselt die Seite).
nun möchte ich ein Hintergrundbild, sodass es beispielsweise beim Runterscollen des Mainframes immer noch konstant für die ganze website ein Hintergrundbild vorhanden ist.
könnt ihr mir da helfen? würd mich freuen!
Danke schöön.... |
|
Nach oben |
|
|
Tarkus Forumsteilnehmer
Anmeldungsdatum: 01.05.2006 Beiträge: 14 Wohnort: NRW
|
Verfasst am: 01.06.2006 08:48:56 Titel: Drei Teilbilder mit CSS positionieren |
|
|
Man könnte das Bild in drei Teilbilder aufteilen, je eins für jeden Frame (Titel, Menü, Inhalt), so dass sie später zusammen wieder das Gesamtbild ergeben. Das Problem ist jedoch, dass die Bilder nur dann passgenau aneinander gefügt werden können, wenn die Frame-Größen exakt mit den Bildteilen übereinstimmen. Sobald man diese ändert, verschieben sich mindestens zwei der Teilbilder zueinander.
Einfacher wäre es mit 4 Frames, die sich in einem Punkt berühren. Also zum Beispiel oben nebeneinander ein Frame fürs Logo und einer für den Titel. Darunter einer fürs Menü und einer für den eigentlichen Inhalt. Die Aufteilung in der Breite (cols) müsste oben und unten allerdings immer gleich sein, zum Beispiel so:
Code: |
<frameset rows="100,*">
<frameset cols="300,*">
<frame src="logo.htm" name="logo" title="Logo">
<frame src="titel.htm" name="titel" title="Titel">
</frameset>
<frameset cols="300,*">
<frame src="menue.htm" name="menue" title="Menü">
<frame src="startseite.htm" name="inhalt" title="Inhalt">
</frameset>
</frameset> |
In die einzelnen Seiten bindest du dann den jeweils passenden Teil des Hintergrundbildes so ein, dass alle Teilbilder am gemeinsamen Punkt in der Mitte ausgerichtet werden. Folgende Angaben könnten dann zum Beispiel im Head-Bereich der einzelnen Seiten stehen:
In logo.htm:
Code: |
<style type="text/css">
body {
background-image:url(pictures/teilbild1.jpg);
background-position:right bottom;
background-attachment: fixed;
}
</style> |
In titel.htm:
Code: |
<style type="text/css">
body {
background-image:url(pictures/teilbild2.jpg);
background-position:left bottom;
background-attachment: fixed;
}
</style> |
In menue.htm:
Code: |
<style type="text/css">
body {
background-image:url(pictures/teilbild3.jpg);
background-position:right top;
background-attachment: fixed;
}
</style> |
In startseite.htm (und allen anderen dort erscheinenden Seiten):
Code: |
<style type="text/css">
body {
background-image:url(pictures/teilbild4.jpg);
background-position:left top;
background-attachment: fixed;
}
</style> |
Die Angaben left und right, bzw. bottom und top dienen der Ausrichtung und die Angabe fixed sorgt dafür dass die Einzelbilder nicht mitscrollen. |
|
Nach oben |
|
|
|
|
Du kannst keine Beiträge in dieses Forum schreiben. Du kannst auf Beiträge in diesem Forum nicht antworten. Du kannst deine Beiträge in diesem Forum nicht bearbeiten. Du kannst deine Beiträge in diesem Forum nicht löschen. Du kannst an Umfragen in diesem Forum nicht mitmachen.
|
|
|
|