Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 7 of 7
  1. #1
    Senior Coder chilipie's Avatar
    Join Date
    Jul 2004
    Location
    Shrewsbury, UK Age: 16
    Posts
    1,117
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Menu below content area.

    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.

  • #2
    Regular Coder
    Join Date
    May 2004
    Posts
    121
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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

  • #3
    Regular Coder
    Join Date
    Oct 2004
    Location
    England
    Posts
    282
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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

  • #4
    Senior Coder chilipie's Avatar
    Join Date
    Jul 2004
    Location
    Shrewsbury, UK Age: 16
    Posts
    1,117
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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.

  • #5
    Regular Coder
    Join Date
    May 2004
    Posts
    121
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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.

  • #6
    Senior Coder chilipie's Avatar
    Join Date
    Jul 2004
    Location
    Shrewsbury, UK Age: 16
    Posts
    1,117
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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.

  • #7
    Senior Coder chilipie's Avatar
    Join Date
    Jul 2004
    Location
    Shrewsbury, UK Age: 16
    Posts
    1,117
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Unhappy No such luck...

    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>
    Last edited by chilipie; 10-27-2004 at 09:24 AM.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •