table height 100% with css?

[csstefan]

Is there any way to make a table stretch to the bottom of a page using css1/css2? As you know the <table height=&quot;100%&quot; ... is not valid.

My problem is that I have a centered table where all the content, navigation etc is placed. On some pages with a lot of content I'll get a vertical scrollbar. Moving to a page with no scrollbar will cause the table to move sidewards because the width of the page changes.

 

[starway]

You mix several completely different things:
1. How to make a table height=100% with css?
2. How to aviod vertical scrolling?
3. How to make a table not to change it's position regardless anything?

Now think again what do you really need to achieve.

 

[csstefan]

starway,

Maybe I was unclear and mixed things up.

1) Well, setting table hight to 100% doesn't solve my problem. But would't setting table height to 101% solve it? I will always have a scroll. All pages have the same structure, navigating from one page to another won't cause the table to move horisontally.

2) The point was to ensure that there always is vertical scrolling.
3) See 1).

So, can I set table height to 101% with css?

I know that this solution isn't optional, but I don't know any other way. Maybe someone else know?
(I don't want to add empty paragraphs at the bottom)

 

[RISTMO]

This will cause there to always be a vertical scrollbar in IE:
<table style=&quot;overflow-y:scroll;&quot;>
Take off the part that's bolded to make it cross-browser and add a horizontal scrollbar. I think that setting it to 101% would make it scroll, but I'm not sure if 101% is a valid height:
<table style=&quot;height:101%;&quot;>

Rick

 

[csstefan]

Thanks - I'll try that!

Stefan