Jump to content

How to make the header fit the browser width

Recommended Posts

I have been working for hours, but I don't really know how to make my header fit the browser width.I'm using a big image as header (1920x1080), but I don't know how to fit the browser window. I'd like to make something that looks like this:http://i53.tinypic.com/21nffr8.pngCould you please help me?Your support is appreciated :).
Set the image as the background.background:url(image) #color center top no-repeat scroll;You want to make sure the left, right and bottom have a gradient color which matches the background colour incase the viewer has a bigger screen than the image.
Link to post
Share on other sites
It doesn't resize the image at all :).How to resize using css?
Fine if you really want to, but it's really not a smart thing to do for screen size compatibility.1 - CSS3 lets you http://www.css3.info/preview/background-size/2 - Use some Javascript on an img tag to resize it to the browser, and place it behind the main content with CSS.Also that website's header doesn't resize, but whatever. Edited by ApocalypeX
Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Create New...