zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Header automatisch anpassen

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 14.09.2015, 13:30
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 14.09.2015
Beiträge: 2
Max19899 befindet sich auf einem aufstrebenden Ast
Standard 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
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 14.09.2015, 22:59
Neuer Benutzer
neuer user
 
Registriert seit: 14.09.2015
Beiträge: 2
wasgeht befindet sich auf einem aufstrebenden Ast
Standard

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)
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 14.09.2015, 23:26
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 14.09.2015
Beiträge: 2
Max19899 befindet sich auf einem aufstrebenden Ast
Standard

Habs hinbekommen. Danke für die Hilfe!
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 07:41 Uhr.