Hello there, I'd like that my header image (banner) is connected on the left and right of the browser in all browser sizes. For example, the design I did on my 13inch macbook...here the banner sits perfect but my brother who's got an Imac with 2560 or so pixel and 27 inch. I don't mind if my image is a bit pixelated when it is blown up, I just want it to fit everywhere the same. My banner is 1250px or so at the moment. I also would like that when you open the page on a phone that the header image should shrink to the optimal size. Do you know what I mean?
Would be awesome if you could help me with that!
My page is:
Stephanie Passon
(have a look at the source)
P.S. I tried to find the right answer in so many forums but haven't found it yet unfortunately.
P.P.S. I have tried so much already and went back how the code was in the beginning:
.header_img {
margin: 0px auto;
padding: 0px 0px 0 0;
position: relative;
}
Please help me!
Many thanks in advance!
Steff
Would be awesome if you could help me with that!
My page is:
Stephanie Passon
(have a look at the source)
P.S. I tried to find the right answer in so many forums but haven't found it yet unfortunately.
P.P.S. I have tried so much already and went back how the code was in the beginning:
.header_img {
margin: 0px auto;
padding: 0px 0px 0 0;
position: relative;
}
Please help me!
Many thanks in advance!
Steff