I want to make a simple header similar to www.deviantart.com . How do you make it adjust to whatever the viewers resolution is? I know this is simple I just don't know how to do it, I can make it once I know what to do.
A fixed image on the left (the logo) A fixed image on the right (the rounded corner) And a div with no width in the middle - set to the same bg as your other 2 images.
that's it. And if you wanna use a gradiant instead of one color, you make a 1px width image with header height with the color gradiant. In CSS, you adjust this image to a particular percentage of width, e.g. 80%: The 1px image fills 80% of the users browserwindow, whatever the resolution. ~