CSS's Display Properly

  • Shadows
  • Beginner
  • Beginner
  • Shadows
  • Posts: 64

Post 3+ Months Ago


With a bit of javascript, I'm in the process of creating a second level navigation, when the user rolls over a menu item, I am using javascript to change the second levels display properly to 'block' in order to show the sub menu since it's declared as 'display: none;' via CSS.

The size of this block is 200 pixels in height however when the user rollovers the intial menu, the sub menu appears perfectly but drops makes the page expand down 200 pixels since this is the sie of the sub menu container.

If there a way to overcome this since I want the sub menu to simply appear underneath the menu item but not extend the actual page container a further 200 pixels.

I hope my explanation makes sense.
  • RedBMedia
  • Proficient
  • Proficient
  • User avatar
  • Posts: 315

Post 3+ Months Ago

for this type of help it would be helpful if you could either:

1. past all your code.
2. send us a URL to look at.
  • joebert
  • Fart Bubbles
  • Genius
  • User avatar
  • Posts: 13506
  • Loc: Florida

Post 3+ Months Ago

CSS "float" will take the element out of the page flow.

Post Information

  • Total Posts in this topic: 3 posts
  • Users browsing this forum: No registered users and 40 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum

© 1998-2015. Ozzu® is a registered trademark of Unmelted, LLC.