dynamisches Headerbild?
Eingetragen von Beetlix (2)am 03.10.2007 - 20:15 Uhr in
Mal an dieser Stelle eine Frage, die mich schon länger umtreibt.
Im Rahmen von immer stärker verbreiteten Monitoren jenseits der Auflösung 1024x768, sehe ich den Einsatz von fluiden CSS-Designs als unumgänglich an.
Gibt es die Möglichkeit per css zwei Bilder so auszurichten, dass sie sich von links und rechts je nach Breite überlappen und so ein dynamisches einheitliches Bild ergeben.
Generell kriege ich es hin, aber wenn die Bilder bei kleinerer Auflösung aneinander stossen, dann brechen sie um.
Bisher kenne ich die Variante mit einem Bild und zusätzlichen Farbfeldern, die dann mit repeat-x die Breite auffüllen.
Ist es möglich so etwas zu realisieren und ist dies css-konform?
Bin für jeden Tipp dankbar!
- Anmelden oder Registrieren um Kommentare zu schreiben
JavaScript benutzen
am 03.10.2007 - 22:40 Uhr
Man kann per JavaScript die Bildschirmauflösung auslesen. Dann ist eine Alternative:
<script language=javascript>breite=screen.width;
hoehe=screen.height;
if ((breite>=1024)&&(hoehe>=768))
{
location.href="startseite.htm";
self.resizeTo(1024,768);
}
</script>
Damit scannst du die Bildschirmauflösung des Besuchers und wenn diese größer als (oder genau so groß wie) 1024*768 ist, nimmt das Browserfenster automatisch eine Größe von 1024*768 an. Damit hättest du das Problem elegant umgangen, aber natürlich NICHT gelöst.
Danke für den ersten Hinweis
am 04.10.2007 - 07:44 Uhr
Das würde aber voraus setzen, dass das Fenster dann immer in maximaler Breite bleibt, also vom Nutzer nicht kleiner gemacht wird und der User würde ein Bild in entsprechender Größe geliefert kriegen, was dann eine dynamische Anpassung am Rechner des Users verhindert.
Gibt es denn keine css-Lösung, dann wäre es doch relativ einfach zu lösen oder bin ich auf einem Holzweg?
Zitat: zwei Bilder so
am 04.10.2007 - 10:00 Uhr
zwei Bilder so auszurichten, dass sie sich von links und rechts je nach Breite überlappen und so ein dynamisches einheitliches Bild ergeben.
Ist das nicht Gegenteilig? Bilder ueberlappen und ein ganzes Bild?
Wenn sich 2 Bilder ueberlappen ist von einem Bild nicht alles zu sehen. Je nach dem wie weit das andere Bild ueber ihm liegt. Wie damit ein einheitliches Bild aus 2 Bildern?
-------------
quiptime
Nur tote Fische schwimmen mit dem Strom.
Ich bin mir nicht sicher
am 04.10.2007 - 10:13 Uhr
Ich bin mir nicht sicher aber ich meine mal gelesen zuhaben das man Bilder Prozentwerte geben kann, sowie halt die schrift und somit sich die grösse des Bildes an grösse des Browserfenster anpasst!
http://kochazubi.net
Hi. Ich muss hier nochmal
am 01.11.2008 - 18:57 Uhr
Hi.
Ich muss hier nochmal darauf zurück kommen. Wir haben da auch ein Problem mit der Darstellung des Headers.Er soll sich auch dynamisch auf andere Bildschirmauflösungen anpassen. Er ist auf die Größe 1024x768 angepasst. Natürlich haben andere User andere Auflösungen und der Header fängt wieder von vorne an. Gibt es dafür mittlerweile schon eine Lösung?
Mit den Prozentwerten geht das nicht wirklich. Zumindestens weiß ich nicht welche Werte ich dann in Prozenten angeben sollte!