Menu below content area.

chilipie · 10-24-2004, 11:03 AM

Yet another problem from my latest site DiGi Cheese. This time, the menu has jumped below the content area, but it was fine before I added the CSS look-a-like iFrame.

Span · 10-24-2004, 11:41 AM

Changing the order of the block and menu divs in your code should do it.

Instead of this:
div block
div menu

Try this:
div menu
div block

KeZZeR · 10-24-2004, 11:43 AM

If you're using divs to put that content there then it's going to cause a line break (just like divs do!). Usually you can fix it by either using the <span> tag or you can simply put display:inline; in the CSS attribute which controls the menu/content

chilipie · 10-24-2004, 12:25 PM

Quote:

Originally Posted by Span

Changing the order of the block and menu divs in your code should do it.

Yep it works in Mozilla but not damn IE.

Span · 10-24-2004, 04:20 PM

Okay,

#block is 550px wide, #menu is 140px wide.
They should fit in your 700px container and because of the right floating menu there should be a 10px space between them, right?

So maybe the scrollbar in div.overflow is doing something to make it not work in IE. Adding an invisible width? I'm on a Mac so I can't see it. What if you take out the width from div.overflow? And don't forget to put the menu div ahead of the #block div in your code. Since that div is right-floated it has to come first.

chilipie · 10-24-2004, 04:44 PM

I took the .overflow width out but it looked exactly the same, and the #menu div was in front of the #block div before anyway.

chilipie · 10-25-2004, 05:27 PM

Tried everything I can think of (and all the stuff above) but it's still not working. It looks fine in Mozilla apart from the footer being pushed down slightly, but it totally craps up in IE. Weird *cough*.

<offtopic>I'd just finished a new layout for him today, haven given up on the one I am on about, but apparently he's "fallen in love" with the old one. Damn.</offtopic>