Re: [css-d] Help with liquid layout
John Goodwyn wrote: I have a site that I'm building with a liquid layout format - http://ver5.elliswyatt.com/billue/default.aspx?id=2. In IE, it looks and functions exactly as it should but in Mozilla the left nav background image doesn't continue to flow with the content and the wrapping content shifts to the left instead of continuing as one column down the page. Can someone point me in the right direction on this? At http://www.alistapart.com/, search 'faux columns'. For a simple demo of the effect, see http://garyblue.port5.com/webdev/2col.html 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 with liquid layout
John Goodwyn wrote:
http://ver5.elliswyatt.com/billue/default.aspx?id=2. In IE, it looks
and functions exactly as it should but in Mozilla the left nav
background image doesn't continue to flow with the content and the
wrapping content shifts to the left instead of continuing as one
column down the page. Can someone point me in the right direction on
this?
IE/win is given HasLayout, so it display the page as you want. You may
add the closest thing standard-compliant browsers have to Internet
Explorer's HasLayout property - like so:
.content {display: table;}
...that'll make it work just fine in Mozilla/Firefox, Opera and Safari
too :-)
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/
Re: [css-d] Help with liquid layout
Gary Turner wrote: And .contentarea too, I think. No? No need for that in that page :-) 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/
Re: [css-d] Help with liquid layout
Gunlaug Sørtun wrote:
Gary Turner wrote:
And .contentarea too, I think. No?
No need for that in that page :-)
Putting it on .content only did not extend the left column, which I
think the OP wanted ({height: 100%;}). Did I miss something in your
suggestion?
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 with liquid layout
Gary Turner wrote:
Putting it on .content only did not extend the left column, which I
think the OP wanted ({height: 100%;}). Did I miss something in your
suggestion?
Don't know, but according to the original request: In IE, it looks and
functions exactly as it should... I just added what was necessary to
make the good browsers display the page as IE6 does. My Firefox, Safari,
iCab and Opera do just that.
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/
Re: [css-d] Help with liquid layout
Gunlaug Sørtun wrote:
Gary Turner wrote:
Putting it on .content only did not extend the left column, which I
think the OP wanted ({height: 100%;}). Did I miss something in your
suggestion?
Don't know, but according to the original request: In IE, it looks and
functions exactly as it should... I just added what was necessary to
make the good browsers display the page as IE6 does. My Firefox, Safari,
iCab and Opera do just that.
OK, I see the bluish column extend to the footer in IE, so I think both
divs need the table value if he doesn't go the faux column route.
I'll admit to having given up on the table group of display values due
to IE's non-support. I need to re-investigate. That's a novel, to me,
use. But, I'm probably behind the curve.
John's got a variety of solutions to pick from. :)
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 with liquid layout
I think if I were starting from scratch, (and next time I will) I would look
more closely at the faux column suggestion. I read that and for what I was
trying to accomplish it would have required a substantial rewrite. For now
the display:table solution will be a nice patch. Thanks for the help!
John Goodwyn
President
Ellis Wyatt Interactive
P.O. Box 361714
Birmingham, AL 35236-1714
www.elliswyatt.com
(t)205-222-6527
(f)205-402-2020
-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Gary Turner
Sent: Wednesday, July 06, 2005 7:57 AM
To: css-d@lists.css-discuss.org
Subject: Re: [css-d] Help with liquid layout
Gunlaug Sørtun wrote:
Gary Turner wrote:
Putting it on .content only did not extend the left column, which I
think the OP wanted ({height: 100%;}). Did I miss something in your
suggestion?
Don't know, but according to the original request: In IE, it looks and
functions exactly as it should... I just added what was necessary to
make the good browsers display the page as IE6 does. My Firefox, Safari,
iCab and Opera do just that.
OK, I see the bluish column extend to the footer in IE, so I think both
divs need the table value if he doesn't go the faux column route.
I'll admit to having given up on the table group of display values due
to IE's non-support. I need to re-investigate. That's a novel, to me,
use. But, I'm probably behind the curve.
John's got a variety of solutions to pick from. :)
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/
__
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 with liquid layout
I have a site that I'm building with a liquid layout format - http://ver5.elliswyatt.com/billue/default.aspx?id=2. In IE, it looks and functions exactly as it should but in Mozilla the left nav background image doesn't continue to flow with the content and the wrapping content shifts to the left instead of continuing as one column down the page. Can someone point me in the right direction on this? John Goodwyn President Ellis Wyatt Interactive P.O. Box 361714 Birmingham, AL 35236-1714 www.elliswyatt.com (t)205-222-6527 (f)205-402-2020 __ 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/
