CSS Probelm With Screen Resolution1024

Dears in this forum
I need your help urgently
I am using CSS to develop web sites , i was happy before by using css but last month i discovered that css is not working properly in SCREEN RESOLUTION 1024. before iam testing my CSS in Screen 800.
The screen looks small and there is big white space in the right site of the IE6.
How can i solve this probelm to let this css resizable in different screen resolution.

It's not CSS that's the culprit, it's your code. Provide us with a link so we can figure out what you have that needs to be changed.

OK , Check the site www.estrdad.com in Screen Resolution 1024
If u check it in Screen Resolution 800 of IE it is perfect.
See The big White space on the right side if u browse the site in IE and Screen setting 1024x768

If your site is going to be fluid, in width, then you need to design it that way to start with.

Your site is a fixed width design and what you want it to do is centre in the available width.

To do this you need to incorporate the following css:

Code: Select all

body {
    text-align: center;
}

/* Create a wrapper div around everything else with the code: */
#wrapper {
    margin: 0 auto;
    text-align: left;
}

BTW. Your layout breaks in Firefox and Opera. You need to validate your pages and fix all the errors.

Some css adjustments may also be necessary.

This site is really messed up in Safari, too.

The top of the page along side your links is messed up on mac with safari and netscape but fine in opera, and also the box which says why should I reclaim vat is pushed to far to the right and not aligned properly again in netscape and safari but fine in mozilla.

I wish I could tell you why this is, but I am still learning css too so sorry I can't be more help.

Dear ukgeoff

I received u r reply thank u but there is something i did not understand can u please explain more
Here you said that create a wrapper div around everything else with the code. what did u mean by around everything else?
did u mean that suppose i have div called #left i can put #wrapper div outside this div same as following:
<div id =wrapper><div id =left></div></div>
or what u mean?

body {
text-align: center;
}
/* Create a wrapper div around everything else with the code: */
#wrapper {
margin: 0 auto;
text-align: left;
}

In your HTML

<div id="wrapper">
Everything else here i.e. divs, copy, images blah blah
</div>

__________________