Results 1 to 3 of 3
Nov 1, 2004, 17:28 #1
- Join Date
- Nov 2004
- 0 Post(s)
- 0 Thread(s)
height problem with div in table cell
I am new to this board so please be gentle if didn't get the right thread to put my post in. I tried to find similar problems here but with no luck.
I have a webpage that is looks like this:
some content here
lots of content in here!
some bottom content
The according (external) stylesheet looks like this:
/* ---------- body ---------- */
/* ---------- table ---------- */
/* ---------- divs ---------- */
As you can see, the whole Layout is supposed to be fullscreen at all times. There are a bar at the top and one at the bottom and the content in between. The top and bottom bar are supposed to be visible at all times. That's why I put the "contentRight" DIV in the content area to get a scrollbar (with the "overflow: auto" property in css) to have an area inside the table cell that is scrollable when the content is larger than the viewable area. This works in IE like a charm, but Mozilla displays two scrollbars when the content is longer than the available space and stretches the content area to 100% of the viewport. Unfortunately I cannot set the px values of the top and bottom table cells to relative values, because there are images in there that need exact positioning.
I really don't know what to check anymore and hope someone here can help me.