nested height="100%" on Safari

Hello all,

I have searched a fair amount on this and found pretty much nothing about others experiencing the same problem, so I am suspicious that I am the one doing something wrong. I just can't figure out for the life of me what it is...

I am trying to get something, friggin' anything that's nested to stretch to 100% height in the Safari browser. I am developing on a PC (forgive me :-) and everything looks good on IE6(PC), NN7.1(PC), IE5.2(Mac), and NN7.1(Mac). But the nested content is refusing to stretch to the container's height on Safari.

Here is some example code:


<html>
<head>
<title>Test Page</title>
</head>
<body>
<table style="WIDTH: 100%; HEIGHT: 100%; PADDING: 1px; BACKGROUND-COLOR: #FFFFFF;">
<tr>
<td style="WIDTH: 100%; HEIGHT: 100%; PADDING: 1px; BACKGROUND-COLOR: #000000;">
<table style="WIDTH: 100%; HEIGHT: 100%; PADDING: 1px; BACKGROUND-COLOR: #FFFFFF;">
<tr>
<td style="WIDTH: 100%; HEIGHT: 100%; padding: 5px">
test
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>

I have tried this using the old fashioned

height="100%"

attribute and have even tried nesting

<div>

s, all with no luck. (Running OSX Version 10.2.6 on an iBook, Safari 1.0 v85)

Am I the only one with this problem?

Thanks in advance...

nested height="100%" on Safari

problems with Safari stretching content in nested tags

n10si_t

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week