Home page of www.bigoole.com looks good when seen in 1024X768 resolution but in 800X600 resolution it is titled towards right I want to optimize it for both resolutions Here is the code Can anybody tweak this code so it looks good in both resolutions!
Why is it laid out using absolute positioning? You could easily give the div(s) a set width and set margin-left and margin-right to auto.
Perhaps you should read up on the box model. To see an example of what I was referring to, try something like this: <div style="width: 50%; margin-left: auto; margin-right: auto;">Example!</div> There's no reason to use absolute positioning. You could probably just use "text-align: center" and have better results than the absolute positioning.
Modern web layout involves the "position" property only rarely. Beginners should not even be shown "position: absolute" for all the trouble it gets them into. The vast majority of layout issues are solved with intelligent use of floats and margins. Start by removing all style attributes from every element. Whoever taught you that, doesn't know what he's doing. You need a proper and complete DTD so that IE will follow the rules. Some semantic markup wouldn't hurt either. A div is a grouping element. You still need to properly tag the elements within the group. Get your html cleaned up, and it will be trivial to get the layout fixed. cheers, gary
That's what we're doing. Make a working copy of the page, and load it to a different directory. Make your changes to the working copy. When it's right, you can move it to replace the existing page. Let us know the new url when you've set it up and have made the suggested changes. cheers, gary