Re: [css-d] Need help with fixed width floats
http://cmasters.townnews.com/entertainment/
>> Is there any way to make my columns line up in IE quirks mode the
>> same as they are lining up in Firefox? What is IE quirks mode
>> calculating differently in the box model other than padding?
>Your layout is "pixel-tight" without a single pixel to spare in width.
>IE in quirks mode also puts any borders on the inside of declared width
>instead of adding them to the width. This makes those column-floats run
>out of space (inside the bordered "page") a bit earlier in IE.
>Try adding...
>#tnent_rightadvertising {margin-right: -3px;}
That worked great Georg! I actually was able to get it to work with just 5
px margin now that I know how the math works.
Thanks again! Note to self: Avoid "pixel-tight" layouts. =)
Christine
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Need help with fixed width floats
Christine Masters wrote:
>>> http://cmasters.townnews.com/entertainment/
> Is there any way to make my columns line up in IE quirks mode the
> same as they are lining up in Firefox? What is IE quirks mode
> calculating differently in the box model other than padding?
Your layout is "pixel-tight" without a single pixel to spare in width.
IE in quirks mode also puts any borders on the inside of declared width
instead of adding them to the width. This makes those column-floats run
out of space (inside the bordered "page") a bit earlier in IE.
Try adding...
#tnent_rightadvertising {margin-right: -3px;}
...any value from -1px to -10px will probably be ok.
This will pull in the 'backside margins' on that floating element and it
will be calculated that much narrower than it really is - giving IE its
much needed space.
No need to hide this addition from other browsers, as they could all do
with a bit of extra space in that layout and such a negative backside
margin won't show up _there_. Don't put such a 'negative backside
margin' on other elements in that layout though, as that will definitely
have a negative effect on alignment.
regards
Georg
--
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Need help with fixed width floats
> Christine Masters wrote:
> > Anyway, I've gotten it to work well in Firefox, but I'm having some
> > trouble working with IE.
> > http://cmasters.townnews.com/entertainment/
> The line-up will be improved in IE6 when the 'margin-doubling on floats'
> bug is "killed".
> The addition of...
> #tnent_movies_container, #tnent_fun_container, #tnent_food_container {
> display: inline;
> }
>...should take care of what you have there now.
Hi everyone!
I have made these changes (adding display: inline; to all of my container
floats) and it still has a display problem in IE. For some reason, IE
calculates my columns to be wider and it ends up kicking my far right column
down.
Unfortunately my content management system adds a comment before the doctype
declaration, and we're unable to change it. So, it seems I will always be
working with IE in quirks mode.
Is there any way to make my columns line up in IE quirks mode the same as
they are lining up in Firefox? What is IE quirks mode calculating
differently in the box model other than padding?
Thanks so much in advance!
Christine Masters
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Need help with fixed width floats
Christine Masters wrote:
> Anyway, I've gotten it to work well in Firefox, but I'm having some
> trouble working with IE.
> http://cmasters.townnews.com/entertainment/
The line-up will be improved in IE6 when the 'margin-doubling on floats'
bug is "killed".
The addition of...
#tnent_movies_container, #tnent_fun_container, #tnent_food_container {
display: inline;
}
...should take care of what you have there now.
Floats are 'block-elements' and can't become 'inline', so this "bug
killer" hack will only affect those browser-versions that have this
particular bug.
Regarding the box model: both IE6 and IE7 will go into 'standard mode'
and use the W3C box model if you delete the comment you have placed
above the doctype declaration. Won't experience any difference between
Firefox' and IE7' rendering then, and IE6 will also behave well when its
margin-bug is dealt with.
Better place that comment somewhere else in the document - if at all
possible.
regards
Georg
--
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
