[EvSouL]

Ok, maybe I'm going crazy and losing my mind from looking at this site for so long but my #content div is not displaying...

[MolotovRuss]

You haven't cleared your floated element (i had this problem recently, wdf helped me).

After your

<div class="assessment-links">

is closed, add

<div class="clear">&nbsp;</div>

, and in your css, add the rule

.clear { clear: both; height: 0; overflow: hidden; width: 0; }

Hope your head's not already exploded

PS: it's &nbsp between the clear tags, for some reason its not read in code view.

[Thomas Thomassen]

In FF3.5 I can see the #content DIV.

[MolotovRuss]

I'm in FF3.5, if you study the code, you'll see that the background isn't showing, hence my solution (his #content has no height, it's supposed to adopt it from it's contents, but it's content are floated).

[EvSouL]

MolotovRuss, on 17 August 2009 - 11:44 AM, said:

You haven't cleared your floated element (i had this problem recently, wdf helped me).

After your

<div class="assessment-links">

is closed, add

<div class="clear">&nbsp;</div>

, and in your css, add the rule

.clear { clear: both; height: 0; overflow: hidden; width: 0; }

Hope your head's not already exploded

PS: it's &nbsp between the clear tags, for some reason its not read in code view.

Thanks a lot that fixed it. I fixed that, and now another issue arises.. aaahhh man. I've never felt so dumb when making a site before. This is all stuff I know, yet can't catch it.

Thomas Thomassen, on 17 August 2009 - 11:46 AM, said:

In FF3.5 I can see the #content DIV.

Really? That's what I am using too, I checked it in FF3.5, Safari4, Chrome, and IE7 the content div wasn't displaying in any of those.. what the hell.

[EvSouL]

If you go to the link in the OP, does it make sense that the menu div is over lapping the #banner div?
At least in firefox it's overlapping my clients head. But in IE7 it is not doing that.

[MolotovRuss]

Hi EvSoul,

Your problem is the floats you're using. If you remove the float:left on the menu div, and remove its margins, it works perfectly.

The floats are unnecessary and will cause you headaches, those divs will function exactly the same way without them!

Don't worry, we've all been there buddy!

[EvSouL]

Yeah I saw the floats/margins this morning and thought "why the heck did I put that in there?"

shows what a little sleep will do.

Thank you so much for the help.

[MolotovRuss]

No problem, hope your heads a little clearer now

[gaz545]

This isn't the best method due to the fact your adding in a non-essential div and your getting divitis, but unfortunatly it is most deffinatly the easyist way.

[Szitar]

MolotovRuss, on 17 August 2009 - 11:44 AM, said:

.clear { clear: both; height: 0; overflow: hidden; width: 0; }

Thanks for that post! Helped me a lot!