[css-d] Mixing fixed and flexible widths
Hi All
I recently tried mixing fixed and flexible widths on a site:
#leftcol {
width: 200px;
}
#wrap {
width: 76%;
}
#nav {
width: 200px;
}
#content {
width: 68%;
}
But it didn't work! Surprise, surprise!
Am I allowed to mixed fixed and flexible widths by this method:
#wrap {
width: 25%;
}
#leftcol {
width: 200px;
}
#nav {
width: 200px;
}
#content {
width: 75%;
}
The reason I would like to use a flexible/fixed width method is because
I would like to have three columns:
Left Nav Content
The left and Content columns would be one colour and the Nav column
would split them up with another colour, extending the full length of
the column. Is it possible to have an image that extends the full
length of the column when using a flexible layout please?
Many thanks for the help.
--
Rich
http://www.cregy.co.uk
Embracing what God does for you is the best thing you can do for him.
Romans 12 v 1
__
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] Mixing fixed and flexible widths
Richard Brown wrote:
Hi All
I recently tried mixing fixed and flexible widths on a site:
#leftcol {
width: 200px;
}
#wrap {
width: 76%;
}
#nav {
width: 200px;
}
#content {
width: 68%;
}
But it didn't work! Surprise, surprise!
Am I allowed to mixed fixed and flexible widths by this method:
#wrap {
width: 25%;
}
#leftcol {
width: 200px;
}
#nav {
width: 200px;
}
#content {
width: 75%;
}
The reason I would like to use a flexible/fixed width method is because
I would like to have three columns:
Left Nav Content
The left and Content columns would be one colour and the Nav column
would split them up with another colour, extending the full length of
the column. Is it possible to have an image that extends the full
length of the column when using a flexible layout please?
Many thanks for the help.
These CSS declarations mean nothing without the HTML. Correctly nested,
they might work, but it is impossible to know without understanding the
layout you are trying to achieve. You mention 3 cols, left, nav,
content. What is wrap, and why 25%. Content is 75% of width in relation
to what? ... the entire viewport, or part of whatever it is inside of?
--
Bob Easton
Accessibility Matters: http://access-matters.com
__
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] Mixing fixed and flexible widths
Hi Bob and All Sorry about that. I have put together a test page at: http://resource.cregy.net/test/ The css is embedded. It doesn't work but can it please? Many thanks Rich On 14 Jan 2006, at 14:35, Bob Easton wrote: These CSS declarations mean nothing without the HTML. Correctly nested, they might work, but it is impossible to know without understanding the layout you are trying to achieve. You mention 3 cols, left, nav, content. What is wrap, and why 25%. Content is 75% of width in relation to what? ... the entire viewport, or part of whatever it is inside of? -- Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 P.S. Sorry Bob - sent this to you only, should have pressed reply all! __ 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] Mixing fixed and flexible widths
Richard Brown wrote: http://resource.cregy.net/test/ The css is embedded. It doesn't work but can it please? Not sure if I got it, but if both left columns are supposed to stay fixed width - as your styles suggest, then this will work reasonably well: http://www.gunlaug.no/tos/alien/test_9590.html The method is described here: http://www.gunlaug.no/contents/wd_example_01_01.html ...and here: http://www.satzansatz.de/cssd/onhavinglayout.html (A bit more tweaking needed if you also want the left column to be proportional to window-width.) 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/
