#header {
max-width: 1240px;
}
#header-full {
background-color: #007f7e;
}
Hi, vielen Dank erstmal für die Hilfe! Leider wird mit max-width nur die Breite des Menüs und die des Headers verändert, ansonsten passiert nichts… gibt es irgendeine Möglichkeit, nur das Bild aus dem Header nach links zu verschieben? Der Rest wird über die Hintergrundfarbe des Headers erledigt.
-
Diese Antwort wurde geändert vor 3 Jahren, 9 Monaten von cmdstock11.
Hast du deinen Browser-Cache geleert?
kurze Ergänzung: Ich habe es jetzt gelöst, indem ich den Header komplett als Bilddatei realisiere und nicht als Bilddatei auf definiertem Hintergrund. Falls es eine elegantere Lösung gibt, die sich auch mit der mobilen Ansicht besser verträgt, gerne her damit 🙂
ah, das leeren des Cache hat jetzt tatsächlich noch eine Veränderung gebracht, DANKE!. Leider endet der dunkelgraue Menübalken jetzt rechts und links, könnte man das noch irgendwie ändern?
Ups, darauf habe ich nicht geachtet. War der graue Balken komplett auf 100%?
Wenn ja, dann passt meine Lösung nicht.
-
Diese Antwort wurde geändert vor 3 Jahren, 9 Monaten von bscu.
ja genau, der soll von links nach rechts durchgängig sein, also genau so breit wie der „Hintergrund“ des Headers (über die gesamte Breite der Seite). 🙂
-
Diese Antwort wurde geändert vor 3 Jahren, 9 Monaten von cmdstock11.
kurze Ergänzung: Ich habe es jetzt gelöst …
@cmdstock11 Könntest du den Thread dann bitte noch als „gelöst“ markieren?
Oder ist noch eine Frage offen?
Wenn’s richtig läuft, es funktioniert,
werden Themen als „gelöst“ markiert,
damit auch alle in der Runde wissen,
dass sie hier nicht mehr helfen müssen.
🌻
Es funktioniert leider noch nicht so, wie ich es gerne hätte 🙁 Header und Menü sollen die Seite vollständig ausfüllen.
Du kannst die CSS-Regel #header { max-width: 1240px; }
wieder rausnehmen, dann laufen Headerbild und Navigationsmenü über die komplette Breite. Für das Header-Bild würde ich die CSS-Regel dann noch mit einem Wert für die Margin ergänzen:
#branding, #bg_image {
height: auto;
max-width: 100%;
min-height: inherit !important;
margin-left: 20px;
}
Eine gute Einführung in CSS findest du z.B. beim Mozilla Developer Network.
Das hat mir geholfen, danke euch beiden für die Hilfe!
-
Diese Antwort wurde geändert vor 3 Jahren, 9 Monaten von cmdstock11.