Re: [css-d] Why the height of containing block is zero?

2006-05-15 Thread Christian Heilmann
> that's because you've inserted a new div which clears the flow but still > has float: right; due to the definition: #header div {float: right;}. So > extending the will help, > which is not very elegant, better would be creating a class for the div > containing the login/language. You can also

Re: [css-d] Why the height of containing block is zero?

2006-05-14 Thread ray
Thanks for all of your help. It's works now. On 5/14/06, Niklas Kanthak <[EMAIL PROTECTED]> wrote: > > > Thank your advice. I modified my code to: > > > > ... > > > > > > Hello ray, > > that's because you've inserted a new div which clears the flow but still > has float: right; due to the def

Re: [css-d] Why the height of containing block is zero?

2006-05-13 Thread Niklas Kanthak
> Thank your advice. I modified my code to: > > ... > > Hello ray, that's because you've inserted a new div which clears the flow but still has float: right; due to the definition: #header div {float: right;}. So extending the will help, which is not very elegant, better would be creatin

Re: [css-d] Why the height of containing block is zero?

2006-05-13 Thread ray
Thank your advice. I modified my code to: ... but it has no effect. Is it because the header div consists only of floated blocks? I uses Firefox 1.5. On 5/14/06, Philippe Wittenbergh <[EMAIL PROTECTED]> wrote: > > > On May 14, 2006, at 10:16 AM, ray wrote: > > > I write the following code:

Re: [css-d] Why the height of containing block is zero?

2006-05-13 Thread Philippe Wittenbergh
On May 14, 2006, at 10:16 AM, ray wrote: > I write the following code: > xhtml: > > > Welcome to site > > site in English > hello,please login or href="">register > > > > > css: > #header { > ba

[css-d] Why the height of containing block is zero?

2006-05-13 Thread ray
I write the following code: xhtml: Welcome to site site in English hello,please login or register css: #header { background-color: #FFE4B5; } #header h1 { float: left; margin: 0; } #header