I know I've asked a lot of questions here lately, but this is the last honest!
Basically I have this looking just about spot on in all browsers that I have tested, except for one thing which is a problem in each.
The side content all screws up unless the left content is long enough. The homepage is correct, but on the navigation click toptens and you will see the problem. I guess I could just add a rule so that the height of the left is always 1500px or something, but I'd rather just have the right stuff always be on right floated.
You can't validate it with that because it just tries to read the obsessedwithfilm.com - Please read my full post. There are no errors in the code on the new design.
I'm not entirely sure what the problem is, when I visit the URL you've posted it reverts to obsessedwithfilm.com so not clear what you're asking us to look at?
The problem here is floating each of the side bar items individually - the only reason they stay below each other on the home page is because 2 items won't fit. However, when the content is small, there is enough room for the items to float beside each other below the content. You would be better off enclosing all of the sidebar items within a div (maybe id="sidebar") and floating it to the right - all the side bar items will then not need to be floated.
I am not sure I follow Centauri... The sidebar should look like it does on the homepage on all categories (including small ones like 'Action' or 'Toptens'), that is the correct look. If I don't float the individual items, won't the smaller boxes display under each other?
Bookmarks