Re: [css-d] IE Floating problem

[Ib Jensen]

2009/3/7 Ib Jensen :
> 2009/3/7 Alan Gresley :
>> Alan Gresley wrote:
>>>
>>> Ib Jensen wrote:


>> .subcolumns {  width: 99%; /* Change to keep IE6 happy */   overflow:hidden; 
>>   }

This wasn't nescessary to adjust, ( I think ). But always nice to know.


Link: http://ikjensen.dk/test/

> Thanks to all.
>
> As mentioned earlier adding : height: 1% to #center solved the problem.
> When I added it directly to default.css. Instead of making a CC.
>
> Adding : margin-top: 1em to #content, might solve the problem with the 
> sidebar.

Adding this last solution solved the problem, Almost.

Maybe fidling with the margin-top, will solve the differences in
height, between sidebar and content. In IE6 ?


-- 
Regards / Mhv.
Ib K. jensen - http://ikjensen.dk
__
css-discuss [cs...@lists.css-discuss.org]
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] IE Floating problem

[Ib Jensen]

2009/3/7 Alan Gresley :
> Alan Gresley wrote:
>>
>> Ib Jensen wrote:
>>>
>>> Link: http://ikjensen.dk/test/  (repaired)
>
>
> I forgot to mention about the float drop in IE6 due to it's quirky handling
> of percentages. The fix is changing the width.
>
> .subcolumns {
>  width: 99%; /* Change to keep IE6 happy */
>  overflow:hidden;
>  }


 Link: http://ikjensen.dk/test/

Thanks to all.

As mentioned earlier adding : height: 1% to #center solved the problem.
When I added it directly to default.css. Instead of making a CC.

Adding : margin-top: 1em to #content, might solve the problem with the sidebar.


-- 
Regards / Mhv.
Ib K. jensen - http://ikjensen.dk
__
css-discuss [cs...@lists.css-discuss.org]
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] IE Floating problem

[Alan Gresley]

Alan Gresley wrote:
> Ib Jensen wrote:
>> Link: http://ikjensen.dk/test/  (repaired)


I forgot to mention about the float drop in IE6 due to it's quirky 
handling of percentages. The fix is changing the width.

.subcolumns {
   width: 99%; /* Change to keep IE6 happy */
   overflow:hidden;
  }


-- 
Alan http://css-class.com/

Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo
__
css-discuss [cs...@lists.css-discuss.org]
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] IE Floating problem

[Alan Gresley]

Ib Jensen wrote:
> Link: http://ikjensen.dk/test/  (repaired)
> 
> Having a minor / major problem with this layout and IE6.
> 
> The content area starts below the Sidebar.
> 
> Which bug have I found here ?
> 
> In FF3.0 it shows perfect.


In IE7 or earlier the top margin of block elements does not collapse 
into the top margin of it's container as it should if this block element 
is preceded in the source by a floated sibling element. The bug is 
demoed here [1].

In your case the top margin of div#center-in does not collapse into and 
to become the top margin of div#content. The float is div.column#left. 
The fix is to give a top margin to the containing element.


#content { margin-top:1em; }


BTW, the bug is fixed in IE8.


1. 



-- 
Alan http://css-class.com/

Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo
__
css-discuss [cs...@lists.css-discuss.org]
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] IE Floating problem

[David Laakso]

Ib Jensen wrote:
> Link: http://ikjensen/test/
>
> Having a minor / major problem with this layout and IE6.
>
> The content area starts below the Sidebar.
>
> Which bug have I found here ?
>
> In FF3.0 it shows perfect.
>
>
>   

404. Did you mean ?

-- 

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

http://chelseacreekstudio.com/

__
css-discuss [cs...@lists.css-discuss.org]
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/