CSS Help
- Started
- Last post
- 16 Responses
- steadyvibe
I am trying to make a table be 100% height, and have made it work in every brower except IE. For some reason it is adding a bunch of height arbitrarily. Check it out in IE and let me know if you have any tips or other sites that might be able to help. http://www.suburbiaadvertising.c…
PS: the table is blue so I can tell what is going on...
- version30
using css to manipulate tables is like a pimp having sex with his own girl; it's easy, but still so nasty it's wrong
- steadyvibe0
ha ha so any idea how to fix that?
- acescence0
i think you are having difficulty due to the fact that, technically, the table height attribute is invalid. browsers render it with varying degrees of success depending on your doctype declaration. unfortunately can't confirm any of this because i'm currently on a mac
- steadyvibe0
Yeah, I am on a mac too. I hate IE!
- Gordy220
Why do you need the table to be 100%?
If graphical, could you do something with a body background image?
- steadyvibe0
I need the table height to be 100% so the footer navigation stays at the bottom.
- Dancer0
If your using tables then why don't you just bung in a 1px x 1px spacer gif for good measure?
If not check these to articles:
http://alistapart.com/articles/f…
http://www.alistapart.com/storie…
- steadyvibe0
The height is working ok. It's just adding a bunch of extra height in IE.
- Dancer0
Have a search for "Box model Hack" on Google
- flavorful0
using css to manipulate tables is like a pimp having sex with his own girl; it's easy, but still so nasty it's wrong
version4
(Jan 3 07, 21:50)Amen brother.
Fuck tables ... I mean - Forget tables.
- acescence0
The height is working ok. It's just adding a bunch of extra height in IE.
steadyvibe
(Jan 4 07, 08:35)might have something to do with the way IE interprets the percentage.. is it 100% of the available space, or 100% of the entire viewport? it's rendering the table at exactly the height of the viewport.
- steadyvibe0
Hmm.. Ok, I'm using div's now instead of nested tables. Still not working though. It is still adding the extra height.
- acescence0
remove the doctype declaration at the top of your page (as well as the xml stuff in the head tag) and it will render correctly. which, of course, is wrong, but it works
- steadyvibe0
I was trying to make it work with the declaration.
- steadyvibe0
So I am using this: http://alistapart.com/d/footers/…
But for some reason it isnt working in Safari? Can someone take a look at my code and tell me what is going on?