-
Posts
-
Liebes Kriesi-Team,
ich möchte ein Bild direkt unterhalb des Headers über die gesamte Breite des Bildschirms anzeigen. Dafür habe ich eine Seite angelegt und gleich als erstes Element eine Farb-Section angelegt und als Hintergrundbild das gewünschte Bild eingefügt.
Jetzt meine Fragen:
1) Ist das der korrekte Weg oder gibt es einen anderen als mit der Farb-Section zu arbeiten?
2) Welche Größe in Pixel sollte das Bild haben, damit es gut angezeigt werden kann? Ich habe die Einstellung gewählt “mind. 50 % der Browser-Höhe”.
3) Ich habe für den Header die Einstellung gewählt, dass er sich verkleinert, wenn man nach unten scrollt. Allerdings überdeckt der Header im “großen” Zustand am oberen Rand des Bildes einen Teil; und wenn der Header beim Runterscrollen sich verkleinert, entsteht kein kleiner, störender Zwischenraum zwischen Header und Bild.
Was kann ich dagegen tun?Vielen Dank schon im Voraus für euren Support!
Hey meyerhuber-wondratschek-archiv,
Ist das der korrekte Weg oder gibt es einen anderen als mit der Farb-Section zu arbeiten?
Ja, alternativ könnte zB ein Slider eingefügt werden, aber die Farb-Section ist sicherlich dann sinnvoller, wenn darüber noch Inhalte dargestellt werden sollen (Spalten, etc.).
Welche Größe in Pixel sollte das Bild haben, damit es gut angezeigt werden kann? Ich habe die Einstellung gewählt “mind. 50 % der Browser-Höhe”.
Das lässt sich pauschal nicht sagen, da jeder Website-Besucher ein anderes Endgerät verwendet und auch die Bildschirmauflösungen und Einstellungen abweichen können. Ein hochauflösendes Retina-Display wird beispielsweise mehr Pixel “vertragen”, als ein alter LCD-Bildschirm mit HD-Auflösung. Ich würde zumindest die Breite mit 1920px wählen und die Höhe bei zumindest 540px (Hälfte von 1080px) ansetzen. Eine höhere Auflösung wäre natürlich besser, aber verursacht auch wieder längere Ladezeiten, da die Datenmenge größer wird.
3) Kannst Du mir bitte einen Link zur Website senden, damit ich mir das näher ansehen kann.
LG,
DudeHi,
I think the problem is the background position. Please set it to “Top Center” (screenshot: http://www.clipular.com/c/6609199258402816.png?k=4hhtZCSZnDTLVXZip8G8P38TnDw ). Probably you also need to change the image a bit otherwise the menu will overlap the text “Das Archiv”. I’d edit the image and shift the text down a bit.
Best regards,
DudeHi Dude,
ich habe jetzt die Einstellung so übernommen, wie du geschrieben hast. Aber jetzt wird oben viel zu viel vom Bild verdeckt und den Text nach unten zu setzen, löst das Problem nicht, da ich auch andere Bilder verwende, die sich nicht so zuschneiden lassen.
Es muss doch möglich sein, dass das Bild einfach so wie es ist in ganzer Breite angezeigt wird, ohne dass der Header es verschluckt?Hinzu kommt noch das Problem, dass bei kleineren Bildschirmen ein großer Leerbereich unter dem Bild erscheint, bis der Text beginnt. Dieser Effekt ist gut zu beobachten, wenn ich an meinem Laptop die Bildschirmbreite verringere. Das sieht gar nicht schön aus….
Kannst du mir bitte noch eine andere Lösungsmöglichkeit vorschlagen?
Vielen Dank und beste Grüße!
Lieber Dude,
das Problem hat sich gelöst, da ich jetzt den Full-Width-Slider mit nur einem Bild verwende anstatt der Color-Sektion.
Viele Grüße und besten Dank für euren klasse Support
- The topic ‘Probleme mit Bilddarstellung in Farb-Section-Umgebung’ is closed to new replies.