Auto resize header with css only

Question

I want to automatically resize the header using css but without using repeat-x - because the header contains picture and I don't want it to repeat when a user resizes the page (CTRL with +scroll ).

I tried width: 100%; but it did not work

like this with out repeat-x [JSFIDDLE](http://jsfiddle.net/mst5g/) — Heq Dz, Jan 18 '15 at 22:56
Is this the same as http://stackoverflow.com/questions/28183648/header-wrapper-re-size-css? — John Saunders, Jan 28 '15 at 04:04
If you want to be able to ask questions, then you need to read [ask], and even [help] and maybe take the [tour]. — John Saunders, Jan 28 '15 at 04:05

score 0 · Answer 1 · answered Jan 18 '15 at 23:01

0

Use the background-size style:

header {
    background-size: 100%;
}

JSFiddle

answered Jan 18 '15 at 23:01

George

34,712
7
55
91

thanks that's fixed the problem , now the wrappers went to left when i re-size i want the wrappers to stay in the middle same like header, – Heq Dz Jan 18 '15 at 23:22
Can to reproduce your issue in a live demo? – George Jan 18 '15 at 23:26
yes sure look at home icon when u scroll down and change the size it goes to the left side i want it to be in the middle http://jsfiddle.net/6xaeej5f/ – Heq Dz Jan 18 '15 at 23:48
@HeqDz That's a different question altogether. – George Jan 18 '15 at 23:50
@HeqDz Yes, that's what I mean. – George Jan 19 '15 at 09:54

score 0 · Answer 2 · answered Jan 18 '15 at 23:05

0

Try to use background-size: cover

answered Jan 18 '15 at 23:05

edonbajrami

2,106
22
34

Auto resize header with css only

2 Answers2