Header feste breite für alle Monitorgrößen?

blnsnoopy26 · May 6th 2014

Hab ein eigenen Header in mein forum eingebaut und ist es per CSS realisierbar, das sich der sich der Monitorgröße anpasst?
ich habe ne auflösung 1366 x 768 und wenn jemand einen größeren hat dann wiederholt sich der Header natürlich.

Kann man das irgendwie per CSS realisieren?

Kaphalor · May 6th 2014

background-repeat: no-repeat;
Damit wiederholt er sich nicht

ReeN · May 6th 2014

CSS

background-size: cover;

Und damit sollte er sich von der Größe her anpassen.

blnsnoopy26 · May 6th 2014

Code

#pageHeader {
    background: #000 url(/wcf/images/black/headerBG.jpg) left bottom no-repeat;
    padding-left: 0;
    padding-right: 0;
    padding: 155px 0 0;
}

So habe ich es nun drin stehen.
Kann man das so lassen?

blnsnoopy26 · May 6th 2014

ja mit dem zusatz cover geht es nun perfekt
Wenn ich im Browser rauszoome passt es sich es an

Header feste breite für alle Monitorgrößen?

Participate now!

Share