• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 198
  • Last Modified:

<div> issue in ff

Can someone tell me why the div in this window is not expanding with the data?  I should know this by now but...

http://www.myvira.com/vira2/results/fitness_events/results.asp?event_id=0
0
Bob Schneider
Asked:
Bob Schneider
  • 2
1 Solution
 
Gurvinder Pal SinghCommented:
which div?
0
 
Bob SchneiderCo-OwnerAuthor Commented:
It seems like the list of events on the left is overflowing the "wrap" div.
0
 
Gurvinder Pal SinghCommented:
but how did you test it without having the data so much enough that it expands? right now there is no data overflowing out of it
0
 
Chris StanyonCommented:
@BobbaBuoy

Because you're using position:absolute and floats you are taking certain elements out of the document flow. You have a height: 100% on the wrap div and this will only give you 100% height of the window. If your content is longer than the window then the content will appear to overlap.

A few things you need to do to fix it.

On your vertical navigation div, remove the rules for left, position and top and add clear:both;margin-left:10; padding-top:20px

Remove height and min-height from the wrap div and add overflow:hidden; padding-bottom:10px

That should sort you out.



0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Introducing Cloud Class® training courses

Tech changes fast. You can learn faster. That’s why we’re bringing professional training courses to Experts Exchange. With a subscription, you can access all the Cloud Class® courses to expand your education, prep for certifications, and get top-notch instructions.

  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now