[Solved] My Main Content Div Is Being Pushed Down

[jeremy]

Would someone mind having a look at my site. http://thesymptomsofdiabetes.com/
This is my first ever attempt at coding a site from scratch so it may be a little rough.
The problem I am having is the main content is getting pushed down past the sidebar div.
Everything seems to look ok in flock and Camino, but in safari, chrome, ff, opera, icab, stainless, omniweb and seamonkey to name a few, everything goes pearshaped.
I have tried to reduce the width of the content area, I have also tried to insert the whole area in another div to isolate the area even further but I just cant seem to figure out what is going wrong.
Here is a link to browsershots to see what I am taking about, hope they are still available… http://browsershots.org/http://thesymptomsofdiabetes.com/
Any and all help is very much appreciated.
Thanks

index.php from just after the body tag.

Code:

Children’s Diabetes

Controlling Diabetes

Diabetes Diets

Diabetes Facts

Diagnosing Diabetes

Treating Diabetes

Types of Diabetes

Diabetes News

A standard page just after the body tag.

Code:

COMPENSATION AND AFFILIATION AFFIDAVIT

Text For Document

If you would like me to paste in the css let me know, I kinda thought you could see with firebug so I left it out.

[virtual]

Change #main-sidebar to float: right;

[jeremy]

Thanks Heaps,
I was stuffing around with this for so long, I didn’t even look at the float on my sidebar, I even tried changing the width of my sidebar, and the solution was right under my nose the whole time.
Thanks again, really appreciate your help..

[jeremy]

I may have celebrated to soon, just checked in safari and the problem still exists, at least now it’s working in ff. (Scratch That It’s Now Working)

[virtual]

It looks fine in Safari on Mac and PC now.

[Author]

Posts