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:
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.
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?
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.
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.