• Post Reply Bookmark Topic Watch Topic
  • New Topic
programming forums Java Mobile Certification Databases Caching Books Engineering Micro Controllers OS Languages Paradigms IDEs Build Tools Frameworks Application Servers Open Source This Site Careers Other Pie Elite all forums
this forum made possible by our volunteer staff, including ...
  • Campbell Ritchie
  • Liutauras Vilda
  • Tim Cooke
  • Jeanne Boyarsky
  • Paul Clapham
  • Devaka Cooray
  • Ron McLeod
  • paul wheaton
Saloon Keepers:
  • Tim Moores
  • Piet Souris
  • Tim Holloway
  • Stephan van Hulst
  • Carey Brown
  • Al Hobbs
  • Frits Walraven
  • Scott Selikoff

wide navigation bar causes problems

Posts: 22
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
I am writing a webpage that allows the user to navigate among categories and sub-categories of information. It consists of the following items:

1. Left side navigation (a tree-like view of the categories)
3. Top nav bar, which starts to the right of the left nav, consisting of set of top-level categories that act as drop-downs when you hover over them, allowing you to select categories within each top-level category, and sub-categories within those, etc.

This done with a series of nested <ul> and <li> elements, styled with CSS to behave the way I want. The only problem is that if the browser is narrower than the width of the left + top nav bars, the top bar moves down to the bottom of the window (below the left nav), with the actual content pushed down even further.

This problem occurs only in Internet Explorer. In Firefox, the top nav just extends off the right edge of the window, which I consider more appropriate.

Any ideas for how to fix this?

Here is a sample of the HTML code:

And here is the applicable CSS:

[ April 07, 2006: Message edited by: Barry Gold ]
Ranch Hand
Posts: 100
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator

Have you tried using absolute positioning for your <div> tags?
That would leave them where you put them.
Another alternative is to use frames or even iframes.
This guy is skipping without a rope. At least, that's what this tiny ad said:
the value of filler advertising in 2021
    Bookmark Topic Watch Topic
  • New Topic