Re: [css-d] IE6 horizontal list height problem

[Peter Bradley]

Ysgrifennodd Gunlaug Sørtun:
> Can be fixed by applying 'hasLayout' to the right element to prevent IE
> from finishing to early, but in this case the simplest fix is to add...
>
> #home-navlist a {
> position: relative;
> }
>
> ...which makes IE collect together and stack all layers of an element
> properly and make it all visible.
>

Many thanks Georg, and Antonio too.  And thanks for explaining why this
happens.  I think I've met this bug before without ever knowing what it was.

Anyway, it works now.

I used the postion:relative fix in the end, for no particular reason. 
Both solutions work, as I'm sure you know.

I'm grateful to you.


Peter

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] IE6 horizontal list height problem

[Gunlaug Sørtun]

Peter Bradley wrote:
> I have a horizontal navigation list on a page.  It looks fine in FF, 
> but has no bottom padding in IE6 (I haven't had chance to try it in 
> IE7 yet).

> http://www.apvx95.dsl.pipex.com/SpanishIntensives/index.html

The padding is there. We know this as an "IE stacking bug", by which
some layers of an element get lost. Since this is the last line on the
page, IE "thinks" it is done when it has made the text visible.

Can be fixed by applying 'hasLayout' to the right element to prevent IE
from finishing to early, but in this case the simplest fix is to add...

#home-navlist a {
 position: relative;
}

...which makes IE collect together and stack all layers of an element
properly and make it all visible.

regards
Georg
-- 
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] IE6 horizontal list height problem

[David Laakso]

Peter Bradley wrote:
>
>
> Ouch!  Yes.  Sorry.  Copy and paste error.  Now validates, but is still
> odd in IE6
>
>
>
> Peter
>
>   


I believe the correction for IE/7.0 and IE/6.0 is:
#home-navlist-container {
border: 1px solid fuchsia; <-- :: 4 position only ::
padding: 0.5em 0; <--- :: add this rule to the 
declaration ::
text-align:center;
margin-top:3em;
}

As ever,
Antonio Banderas

-- 

A thin red line and a salmon-color ampersand forthcoming.

http://chelseacreekstudio.com/

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] IE6 horizontal list height problem

[Peter Bradley]

Ysgrifennodd David Laakso:

> Validate the markup. Bring it back. Let's play.
> As ever,
> el mariachi
> -- desperado
> 
>


Ouch!  Yes.  Sorry.  Copy and paste error.  Now validates, but is still
odd in IE6

Thanks for pointing that out.

Cheers


Peter

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] IE6 horizontal list height problem

[David Laakso]

Peter Bradley wrote:
> I have a horizontal navigation list on a page.  It looks fine in FF, but
> has no bottom padding in IE6 (I haven't had chance to try it in IE7 yet).
>
> http://www.apvx95.dsl.pipex.com/SpanishIntensives/index.html
>
>
>
> Peter
>
>   


Validate the markup. Bring it back. Let's play.
As ever,
el mariachi
-- desperado


-- 

A thin red line and a salmon-color ampersand forthcoming.

http://chelseacreekstudio.com/

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] IE6 horizontal list height problem

[Peter Bradley]

I have a horizontal navigation list on a page.  It looks fine in FF, but
has no bottom padding in IE6 (I haven't had chance to try it in IE7 yet).

Is there a fix for this, or do I have to live with it?

I've put the page up temporarily at:

http://www.apvx95.dsl.pipex.com/SpanishIntensives/index.html

Thanks a lot.


Peter



__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/