IE showing white space

[whittweb]

Hello All,

Just wanted to see if someone would help with a small problem. I am unsure if the problem is my css or html, so please allow me to ask the question.

I am redesigning a website. The site is www.joycenter.org. however the owner wants it placed in a div id="container". I did this and it looks great in firefox but i have an extra white space on the right side and the bottom in IE.
Here is the page for you to view:

http://www.joycenter.org/index-test.html

Any help would be useful. I have validated the code and I have some small code problems that I have been unsuccessful in fixing. If you can advise I would really be grateful.

Thanks

Scott

[whittweb]

Hello again,

Just to let you know that I finally got the code to validate. Still having problems with the white space.

Thanks in advance for your help.

Scott

[fisherboy]

Try the following for #container

margin-left: 0 auto;
margin-right: 0 auto;

Hope it helps.

[whittweb]

Thanks fisherboy for your response but it did not work. I already have

margin 0 auto;

but removed it and placed your code there. It just moved the entire site to the left. It did not effect the problem at all. Any other suggestions? At this point I am considering just putting it in a table. I really don't want too but I have to do something to fix the problem.

Scott

[fisherboy]

Sorry mate. VERY short of time. I hope someone else has time to have a look.

Just for fun, take the 0 out. Just make the margin auto. There is probably something else there but I'm just not seeing it.

Sorry.

[whittweb]

I removed the 0 from the margins. Still no dice. It looks the same. I put it in a table and it made it even worst. So I am still trying to figure this out.
Thanks fisherboy for your help.

Scott

[whittweb]

fisherboy,

I found the problem, Thanks for your help I had a margin space on the content div too wide. Cool stuff.

Scott

[fisherboy]

Glad you got it sorted to your satisfaction whittwebb!

Although this isn't the right place for reviewing a site I thought I'd make one comment. Your page size is 573kB! I wouldn't normally notice but it took a LONG time to load. 544kB is graphics.

Would you like to have a look at your graphics load? At least part of it is coming from the womens conference graphic (206kB). You might like to optimise that (somewhere between 72dpi and 96dpi) for a start. Then check the rest. You may even think about removing some of the less necessary ones? Maybe put them on other pages?

Good luck.

[whittweb]

Thanks fisherboy!!

I will check that out. The website owner loves graphics. I did not realize that the conference poster was so big. Normally, I optimise at 70 dpi must have overlooked somehow. Thanks for all of your help.

One question, what tool did you use to discover the loadtime and the actually file size.

Thanks

[fisherboy]

Chris Pederick's Web Developer Extension for Firefox. Get it here.

This is the single most useful thing I think I've come across. Someone has developed one for IE as well.

To find the size of a page click "Information" followed by "View Document Size". Shows the graphics js css and html separately. Many many more useful functions, especially "Outline" when your CSS isn't going right.

Cheers

Mark