Hallo,
ich bräuchte eure Hilfe, bin ziemlich sehr verzweifelt...
Mein Vorhaben ist es, im Header einen Hintergrundbild Responsive zum Content anzupassen.
Auf meinem Full HD ( 1920x1080px ) Monitor sieht das perfekt aus, allerdings sobald ich den Browser etwas kleiner ziehe ist die Breite wieder komplett falsch.
Außerdem habe ich das Gefühl, dass die Grafik nach links floatet....
Mein Code:
.pageHeaderFacade > .layoutBoundary {
background: url(../images/header.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
float: right;
width: 100%;
min-width: 0;
max-width: 80%;
}
Bilder:
So sollte das aussehen ( ist auf Full HD perfekt
html-seminar.de/woltlab/attachment/1818/
Und hier wenn ich den Browser kleiner ziehe ist der Header komplett verrutscht...
html-seminar.de/woltlab/attachment/1819/
Ich hoffe ihr könnt mir weiterhelfen.
Meine Vermutung ist, dass ich bei Max-Width die Breite falsch eingebe oder mit margin-left arbeiten müsste...
Vielen Dank im voraus