simple safari test cases: puzzling

[Pieter Van Waeyenberge]

hello

first of all sorry for not replyin to my original post .. been very busy,
and i prepared decent test cases now

On the following link ull find some safari test cases with issues concerning
percentual heights, and padding

http://www.flandersdesign.be/_cross/index.html
is there a way to work around this? am i totally ignorant?

thnx in advance!
Pieter Van Waeyenberge.

[Alexander Clauss]

Pieter Van Waeyenberge <[e-mail]> wrote:

is there a way to work around this? am i totally ignorant?

The following can be found in the CSS 2.1 specification
(section 17.5.3):

"CSS 2.1 does not define what percentage values of 'height'
refer to when specified in table cells"

This means that you should avoid percentage values for 'height' in all
child elements of table cells if cells don't have absolute values for
'height'.

Another problem in your example is that the table cells don't have a
height property at all (which is equivalent to "height: auto"). But
because a percentage height property (the one of the IFRAME) can only be
resolved if the height of the containing block (the table cell) is
specified explicitely (see the CSS 2.1 specification section 10.5
"Content height: the 'height' property"), the percentage height property
of IFRAME will be treated as "auto". So at least your IFRAME test cases
are displayed "correct" in Safari, IMHO.

--
Alexander

[Pieter Van Waeyenberge]

> "CSS 2.1 does not define what percentage values of 'height'

refer to when specified in table cells"
thnx ... but i suppose for the div example the percentual height should be
respected (% of container)?

and it does so only when its 100% .. values below results in total collapse
....

Pieter

This means that you should avoid percentage values for 'height' in all
child elements of table cells if cells don't have absolute values for
'height'.

Another problem in your example is that the table cells don't have a
height property at all (which is equivalent to "height: auto"). But
because a percentage height property (the one of the IFRAME) can only be
resolved if the height of the containing block (the table cell) is
specified explicitely (see the CSS 2.1 specification section 10.5
"Content height: the 'height' property"), the percentage height property
of IFRAME will be treated as "auto". So at least your IFRAME test cases
are displayed "correct" in Safari, IMHO.

--
Alexander

[Alexander Clauss]

Pieter Van Waeyenberge <[e-mail]> wrote:

thnx ... but i suppose for the div example the percentual height should
be respected (% of container)?

Yes, I think so.

--
Alexander