Re: [WSG] faux columns for fixed AND percentage width
Nick Cowie wrote: I wrote: I will see if I can pump out a working example to my blog in the next day or so. Why should I when there is an version at Position is Everything http://www.positioniseverything.net/articles/sidepages/jello-piefecta-cleanhtml It does everything you need and my example does need a little tidying up or more to work in all browsers Yippie! Just the thing I was looking for. If we weren't approx. 10 thousand miles apart, I could just kiss you now :) Even though I knew the Jello Mold before, I wasn't fully aware of its magnificence. Thanks for the help, Titanilla
RE: [WSG] faux columns for fixed AND percentage width
I wrote: > I will see if I can pump out a working example to my blog in the next day or > so. Why should I when there is an version at Position is Everything http://www.positioniseverything.net/articles/sidepages/jello-piefecta-cleanhtml It does everything you need and my example does need a little tidying up or more to work in all browsers Nick nickcowie.com This email is from the Department of Consumer and Employment Protection and any information or attachments to it may be confidential. If you are not the intended recipient, please reply mail to the sender informing them of the error and delete all copies from your computer system, including attachments and your reply email. As the information is confidential you must not disclose, copy or use it in any manner. ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
Re: [WSG] faux columns for fixed AND percentage width
Nick Cowie wrote: I will see if I can pump out a working example to my blog in the next day or so. Thanks Nick and Georg for your suggestions. I guess there must be multiple ways of making it work, I just could find any of them. CSS has breathtakingly creative ways of supporting design, but I'm still at a discovering stage and sometimes I can't see the forest for the trees :) Regards, Titanilla ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
RE: [WSG] faux columns for fixed AND percentage width
I wrote: > It can be done, but only if the content of the nav div will never be taller > than any other div It should read the nav div can not be longer (taller) than the longest (tallest) of centre or right div. I will see if I can pump out a working example to my blog in the next day or so. Nick nickcowie.com This email is from the Department of Consumer and Employment Protection and any information or attachments to it may be confidential. If you are not the intended recipient, please reply mail to the sender informing them of the error and delete all copies from your computer system, including attachments and your reply email. As the information is confidential you must not disclose, copy or use it in any manner. ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
RE: [WSG] faux columns for fixed AND percentage width
It can be done, but only if the content of the nav div will never be taller than any other div first you need div to hold the nav and content divs lets call that the holder: nav content center content here right content here It should work, i did something similar before moving along to a full elastic model using ems - it evolved to sligthly different structure: http://www.docep.wa.gov.au/lr/default.html Nick This email is from the Department of Consumer and Employment Protection and any information or attachments to it may be confidential. If you are not the intended recipient, please reply mail to the sender informing them of the error and delete all copies from your computer system, including attachments and your reply email. As the information is confidential you must not disclose, copy or use it in any manner. ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
Re: [WSG] faux columns for fixed AND percentage width
Titanilla wrote:
Joshua Street wrote:
Change your background GIF to a 2px by 7px graphic, instead of
210px wide as at present. Then, use background-position to put it
in place.
I'm not sure I understand you right.
Keep existing background-image where it is.
Add a trimmed down version of existing background-image - 2px wide (just
border), and position it in #content.
#content
{
padding-top: 1em;
margin: 0 2em 0 240px;
background-image: url(border-reduced.gif);
background-repeat: repeat-y;
background-position: 73% 0;
}
Now all you have to do is to make #content stretch down to footer.
is a good option
with your existing markup / css. Put it on #content.
That's it, apart from that IE/win is acting up and need some corrections.
Georg
--
http://www.gunlaug.no
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**
Re: [WSG] faux columns for fixed AND percentage width
Joshua Street wrote: Change your background GIF to a 2px by 7px graphic, instead of 210px wide as at present. Then, use background-position to put it in place. You can specify that as an em value to make it work well with fluid layouts. HTH, Josh I'm not sure I understand you right. The image that I have now is OK, it's fixed and it works nicely. I just need another one for the right column, and it needs to be liquid, but I don't seem to be able to mix the two kinds (fixed ANd liquid) of background images on one page. T ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
Re: [WSG] faux columns for fixed AND percentage width
Christian Montoya wrote: Does this help? http://www.ilovejackdaniels.com/design/faux-columns-for-liquid-layouts/ Not quite, I've known it already. See, the problem is I've got a design which is half fixed, half liquid. These techniques are either for fixed pages (with one fixed background image) OR for liquid ones (with one background image set at percentages), but I can't figure out a solution that works simultaneously for both. Titanilla ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
Re: [WSG] faux columns for fixed AND percentage width
On 10/13/05, Titanilla <[EMAIL PROTECTED]> wrote: > The border you see next to the left navbar is a background image. What I > need is the same looking border between the other two columns, set at a > percentage width to 'shrink' with the page if necessary. > But when I try to place a background image in the content div, it simply > won't repeat on the y axis. > > What am I doing wrong? Change your background GIF to a 2px by 7px graphic, instead of 210px wide as at present. Then, use background-position to put it in place. You can specify that as an em value to make it work well with fluid layouts. HTH, Josh -- Joshua Street <[EMAIL PROTECTED]>
Re: [WSG] faux columns for fixed AND percentage width
Does this help?http://www.ilovejackdaniels.com/design/faux-columns-for-liquid-layouts/-- - C Montoya rdpdesign.com ... liquid.rdpdesign.com ... montoya.rdpdesign.com
