Bildgrösse anpassen funktioniert nicht
Autor: L S.Hi Community,
ich habe für meine Page ein eigenes Layout mit X5 Professional 12 erstellt, welches relativ simpel ist. Hintergrundbild anpassen auf Fenstergrösse, Header mit dem zentrierten Logo, direkt darunter ein Menü mit 5 Punkten, darunter soll dann der Content angezeigt werden. Klappt bislang alles gut, ausser:
Mein Bildschirm hat eine Auflösung von 1980x1080. Ich habe mein Hintergrundbild etwas grösser gemacht (2000-1100) und als fixiertes Hintergrund gespeichert, welches sich je nach Fenster automatisch anpasst, resp. sollte.. Und genau hier liegt das Problem. Solange ich es auf meinem Bildschirm anschaue, sieht es wie gewünscht aus. Wenn ich aber das Browserfenster verkleinere verschiebt sich mein Bild. Das Bild weist einen zweifarbigen Hintergrund auf, ganz am linken Rand über die gesamte Höhe steht das Produkt, welches natürlich immer angezeigt werden sollte. Dieses steht links, da in der Mitte jeweils der Text der Seiten steht.
Habt ihr irgendwelche Tipps, wie es fertig bringen könnte, dass das Bild immer vollständig angezeigt wird und es beim verkleinern des Bildschirmes einfach "mitschrumpft", sodass das Produkt auf der Linken Seite immer sichtbar ist? Dies betrifft nicht das responsive Design, dort verwende ich ein anderes Bild.
Danke vielmals!
LS.
Ganz werde ich nicht klug was Du meinst. Hast Du Dir das in etwa so vorgestellt??? http://baehnk.eu/Mark/index.html
Autor
Hi Erhard,
lässt sich schwer beurteilen, da diese Seite ein Rautenmuster hat. Du kannst es dir so vorstellen (habe leider kein Bild zur Hand). Der Bildschirm wird von einem Bild ausgefüllt im Hintergrund. Auf diesem Hintergrund sieht man auf der linken Seite das Produkt über die volle Höhe und links nur etwas 20% des Gesamtbildschrimes (es ist eine Flasche). Wenn ich das Browserfenster manuell verkleinere sieht es so aus, als würde das Bild zentriert drin sein und die linke und rechte Seite "abgeschnitten", obwohl ich das Bild als "mit Browserfenster anpassen" drin habe. Wenn es rechts etwas abschneidet ist es egal, da diese Seite ohnehin leer ist. Die Falsch muss jedoch immer sichtbar sein, auch wenn sich das Bild dann in der Grosse an sich skaliert...
Ich meinte auch nicht den Hintergrund sondern die Bilder auf der linken Seite
@Erhard deine Bilder sind auch nicht gut reingestellt für das responsive ! Fülle die leeren Felder mit dem Bildobjekt aus und gib statt dem freien PLatz einfach links und rechts einen Zellenrand ! Beim responsiven verkleinert es sich nicht so stark und schaut besser aus !
@L.S. zeige mal deine Seite wo man das sehen kann was du meinst !
Weiß ich, war nur ein prov. Entwurf für einen Bekannten damit er sieht was mit WX 5 möglich ist und ein Wechsel von Typo3 nicht so schwer fällt.