100% height problem in safari

[Scrowler]

right, im coding a layout:

http://www.mindmediagroup.com/mi/7

view it in firefox or IE and observe how each column is the same height as the others, in safari though, they dont, they only stretch to their own content.

has anyone encountered this problem and/or know how to get around it?

[ronaldb66]

Why don't you try a couple 'more nested tables? I mean, you only got them nested four levels deep!!! :rolleyes:

Seriously: since your entire layout is table-based, I can't see a single reason why the three main cells you have anything other then the same hight.

I don't have Safari available so I can't see the effect; maybe someone who has can shed some light on this.

[_Aerospace_Eng_]

Okay looks like you are trying to code in XHTML yet you have no doctype and you are using tables. Also there is no height attribute in a table. See (http://validator.w3.org/check?uri=http%3A%2F%2Fwww.mindmediagroup.com%2Fmi%2F7%2F&charset=%28detect+automatically%29&doctype=Inline&verbose=1) for yourself.

[Scrowler]

thanks but that's very unhelpful as to the solution for the problem.

i have tried putting height="100%" into the tables that aren't 100% high, but to no avail.

the client doesn't care about DTD's, so i haven't used one, and also for the problem of some DTD's processing the attributes differently, i wanted to keep it working. there are reasons i have coded in xhtml using html attributes without any DTD.

thanks anyway, anyone else?

[Bill Posters]

the client doesn't care about DTD's, so i haven't used one, and also for the problem of some DTD's processing the attributes differently, i wanted to keep it working. there are reasons i have coded in xhtml using html attributes without any DTD.
:sigh:

[Beeper]

.minHeight{float:left;width:0px;height:99.9%;margin-bottom:-12px;} /*safari wrapper thanks to Tim Connor*/

[_Aerospace_Eng_]

thanks but that's very unhelpful as to the solution for the problem.

i have tried putting height="100%" into the tables that aren't 100% high, but to no avail.

the client doesn't care about DTD's, so i haven't used one, and also for the problem of some DTD's processing the attributes differently, i wanted to keep it working. there are reasons i have coded in xhtml using html attributes without any DTD.

thanks anyway, anyone else?
My solution was actually helpful, you just didn't quite understand it. Sometimes when you use the height attribute in a table it simply won't work. Thats why I said it was invalid. You need to be using css style="height:100%;" and then you have to set the html and body elements to a height of 100%; in CSS. The lack of a doctype well throws some browsers into quirks mode, making them render some CSS inproperly. I hope you didn't plan on using margin:auto; in CSS for IE6 for Win it won't work without a doctype.

[grubesteak]

the client doesn't care about DTD's, so i haven't used one, and also for the problem of some DTD's processing the attributes differently, i wanted to keep it working. there are reasons i have coded in xhtml using html attributes without any DTD.

Can you enlighten us on the reasons? Coding in XHTML requres having a DTD to even begin to validate. I'm sure the client doesn't care about this, he only wants it to look good. But, while you're coding in XHTML, why don't you go ahead anyway? It'll help better prepare the web site for future development (and save you lots of time in the long run).