|
|||
Header automatisch anpassen
Hallo Leute,
ich bastele mir momentan eine Webseite mittels CSS und HTML zusammen. Nun hat sich folgender Fehler eingeschlichen: Das Problem wir ersichtlich, wenn man das Browserfenster nicht auf dem gesamten Bildschirm öffnet und dann ein bisschen herum skaliert. Bei genügender Breite ist es ok, dazwischen nicht und wenn man schmal genug wird, wechselt es auf einmal in den zentrierten Modus. Die Linksausrichtung vom header-content klemmt im mittleren Bereich. Also letztendlich bleibt der Header nicht an der Stelle an der ich ihn angedacht habe. und beim verkleinern des Browserfensters verkleinert sich alles mit, außer eben der Header (Schriftzug "Content in Motion .... inklusive "Über uns" Button). Wäre toll wenn ihr mir eine passende Lösung vorschlagen könntet. In Sachen Programmierung bin ich nämlich einen Null. Hab mir die Seite durch Free Templates und ein wenig googeln zusammengekleistert! Webseite: Content in Motion Beste Grüße, Max |
Sponsored Links |
|
|||
Probier mal bei header die CSS Einstellung contain und nicht cover.
Also header { position: relative; width: 100%; min-height: auto; text-align: center; color: #fff; background-image: url(../img/header.jpg); background-position: center; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; /* Evtl. das noch hinzu */ background-repeat: no-repeat; } Hab grad gesehen dass das Bild wiederholt wird. No Repeat kann da Abhilfe sein daher hab ich das noch hinzugefügt. Geändert von wasgeht (14.09.2015 um 23:03 Uhr) |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Navigations Bar anpassen | snakemaster | CSS | 6 | 12.06.2011 23:37 |
Hintergrund automatisch anpassen | Wenqu | CSS | 3 | 15.07.2009 12:42 |
header verrutscht... | weblearner | CSS | 6 | 03.12.2008 20:34 |
IE soll width von div bei übergroßem inhalt NICHT automatisch anpassen. Wie? | *vivian | CSS | 4 | 15.09.2008 01:42 |