Supportnet / Forum / Webseiten/HTML
"Wasserzeichen" das sich anpasst
Frage
Hab ein Problem und hoffe, das Du mir helfen kannst.
Bin an einer Seite dran (http://www.axeweb.ch/vogel/index2.html) mit 3 Frames. Links die Navigation, oben rechts das Firmenlogo, unten rechts das Hauptfenster.
Das Hauptfenster sollte sich an der Bildschirmauflösung anpassen. Das Problem ist aber, das noch ein Hintergrundbild vorhanden ist, das sich auch anpassen sollte. Gibt es da eine einfach Lösung? Es sollte eigentlich so aussehen wie bei einer Auslösung von 1024 x 768.
Gruss und Danke - axe
Antwort 1 von Nhuya
Also zunächst einmal, solltest du dem linken und oberen Frame feste Werte zuweisen. Das heißt, Pixelangaben, denn die Größer Frames sollte sich nicht ändern. Dem Hauptframe brauchst du keinen festen Wert zuweisen, er füllt dann immer den Rest des Fensters aus. Im Moment ist das ja umgekehrt fällt mir grad auf ^^ Du kannst aber auch so fixe Werte angeben, also auch für den Hauptframe, dass alle Frames immer gleich groß bleiben. Dann haben allerdings User mit einer kleineren Auflösung als 1024x768 ein Problem, mit größerer jedoch nicht.
Das Hintergrundbild wird sich in seiner Größe nicht anpassen, sondern ggf. immer wiederholen. Dies lässt sich aber auch unterbinden, einfach mal bei Selfhtml vorbeischauen :)
Das Hintergrundbild wird sich in seiner Größe nicht anpassen, sondern ggf. immer wiederholen. Dies lässt sich aber auch unterbinden, einfach mal bei Selfhtml vorbeischauen :)
Antwort 2 von abschweb
Hallo Axe,
ein echtes Hintergrundbild lässt sich nicht in der Größe anpassen - aber muss es denn ein echtes Hintergrundbild sein? Sowas ließe sich ja auch simulieren! Also probier mal: Als erstes Objekt im <body> (damit alle anderen Objekte automatisch drüber liegen)
Gruß
Manfred
ein echtes Hintergrundbild lässt sich nicht in der Größe anpassen - aber muss es denn ein echtes Hintergrundbild sein? Sowas ließe sich ja auch simulieren! Also probier mal: Als erstes Objekt im <body> (damit alle anderen Objekte automatisch drüber liegen)
<div style="position:absolute; left:0px; top:0px; width:100%"><img src="hintergrund.jpg" width=100%>
</div>
Gruß
Manfred
Antwort 3 von rfb
@abschweb:
Absolut positionierte Elemente werden mitgescrollt. das ist für ein nicht wiederholtes Hintergrundbild keine gute Eigenschaft. Wenn schon so eine Lösung dann mit
Absolut positionierte Elemente werden mitgescrollt. das ist für ein nicht wiederholtes Hintergrundbild keine gute Eigenschaft. Wenn schon so eine Lösung dann mit
position:fixed
Antwort 4 von abschweb
@rfb:
Das ist nun wirklich eine Geschmacksfrage!
Meine Lösung ist optisch mit der normalen Hintergrundbildlösung
identisch, bis auf die gewünschte automatische Skalierung.
Ob der Hintergrund nun mit dem Bildausschnitt mitwandern soll oder nicht, stand hier doch gar nicht zur Debatte.
Gruß
Manfred
Das ist nun wirklich eine Geschmacksfrage!
Meine Lösung ist optisch mit der normalen Hintergrundbildlösung
<body style="background-image:url(hintergrund.jpg); background-repeat:no-repeat">
identisch, bis auf die gewünschte automatische Skalierung.
Ob der Hintergrund nun mit dem Bildausschnitt mitwandern soll oder nicht, stand hier doch gar nicht zur Debatte.
Gruß
Manfred