Re: [css-d] help! IE but not Firefox showing faux columns background
Gary Turner wrote:
Gunlaug Sørtun wrote:
Then add this: #contentcontainer {display: table;} ...which will
make FF (and other good browsers) expand the container and
background properly.
What's the reason for this method working?
The CSS-property 'display: table'(with all its parts) mimics the layout
of a 'real' HTML-table, in that its height[1] will expand with the
content. That's the effect I'm using when I want Moz/FF,Op,Safari to act
as if they understand the proprietary MSIE property we call 'hasLayout'
- as in this case.
"In a visual medium, CSS tables can also be used to achieve specific
layouts. In this case, authors should not use table-related elements in
the document language, but should apply the CSS to the relevant
structural elements to achieve the desired layout." - W3C
CSS-table is a powerful layout-tool, which can make a lot of strange
(x)html structures and CSS-hacks more or less obsolete.
CSS-table isn't working flawless or consistent across browser-land yet -
and IE/win doesn't understand CSS-table at all. Thus it is still very
much a case by case solution that needs a lot of testing.
However, using CSS-table properties beats the use of clearing-elements
and methods like 'overflow:auto/hidden' in many (if not most) cases, IMO.
regards
Georg
[1]
--
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/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] help! IE but not Firefox showing faux columns background
Gunlaug Sørtun wrote:
Then add this:
#contentcontainer {display: table;}
...which will make FF (and other good browsers) expand the container and
background properly.
regards
Georg
What's the reason for this method working?
cheers,
gary
--
Anyone can build a usable web site. It takes a graphics designer to
make it slow, confusing, and painful to use.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] help! IE but not Firefox showing faux columns background
Lisa Hoppes wrote:
I've got a faux columns background image repeat-y on
#contentcontainer (blue on left, gray in middle, white on right). In
IE, the faux columns are showing up fine. In Firefox, nothing, though
it's showing up behind the search area, so I know it's in there
somewhere.
http://www.luxecraft.com/css_test.htm
Delete that clearing-div you have near the bottom. It's in the wrong
place and it isn't working in FF anyway.
Then add this:
#contentcontainer {display: table;}
...which will make FF (and other good browsers) expand the container and
background properly.
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/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] help! IE but not Firefox showing faux columns background
I've stripped this down to just the problem. There is left nav that will go in, as well as other content. I've got a faux columns background image repeat-y on #contentcontainer (blue on left, gray in middle, white on right). In IE, the faux columns are showing up fine. In Firefox, nothing, though it's showing up behind the search area, so I know it's in there somewhere. Can anyone help? http://www.luxecraft.com/css_test.htm Thanks! Lisa __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
