http://stserv.hcf.jhu.edu/~phantom/div2.html
Here's another one, and i think i discovered something important about css for layout-- width as a percentage effectively can't be applied to the same element as border, margin, or padding. That's because width is the width of the content... and if you do that in percentage, adding a pixel here and a pixel there on the edge goes over the alotment. I wish the css width would equal contentwidth+borderwidth+paddingwidth so that padding and border would cut in on the content width rather than overflowing and making it impossible to control the left and right side of a box simultaneously without nesting. Alas it is not so, i have read the spec--and the spec basically said "too bad." http://www.w3.org/TR/REC-CSS2/visudet.html#propdef-width So, my rant about the recent browsers was fairly off base (although 50% width is still buggy in ie so 49.9 will have to do). The browsers are doing what they are supposed to. to set padding/border within a percentage widthed box, the padding must be set on a box nested inside the percentage widthed box. Make sense? Tim On Wed, Dec 19, 2001 at 10:04:12PM -0500, Tim Myers wrote: > I've got something along those lines that works in ie5 and mozilla: > > http://stserv.hcf.jhu.edu/~phantom/div.html > > 50% is a funny number. And so is 100 for that matter. > The different browsers do very different things with roundoff error. > > I'm not saying how practical it is and i have no idea what opera does to it. > I wish tables would go away, but i also wish css would render correctly in any >browser. > > Tim > > On Wed, Dec 19, 2001 at 02:46:59PM -0800, Robert Koberg wrote: > > it's pretty, but I did not see anything about the design I was talking > > about?? > > > > ----- Original Message ----- > > From: "Paulo Gaspar" <[EMAIL PROTECTED]> > > To: <[EMAIL PROTECTED]> > > Sent: Wednesday, December 19, 2001 12:58 PM > > Subject: RE: [OT] Design Rant > > > > > > > > I really like this type of design and use it for my own stuff. The only > > > > problem I have (might be ignorance?) is that you can't do a "good" four+ > > > > column layout. By that I mean the two outer columns are > > > > fixed-width and the > > > > two+ inner columns are are variable based on window width. > > > > > > > > Hopefully someone knows how to do that?? > > > > > > I think this article holds the answer to your question, with outer margins > > > and all: > > > http://www.alistapart.com/stories/practicalcss/ > > > > > > > > > Have fun, > > > Paulo Gaspar > > > > > > http://www.krankikom.de > > > http://www.ruhronline.de > > > > > > > > > > -----Original Message----- > > > > From: Robert Koberg [mailto:[EMAIL PROTECTED]] > > > > Sent: Wednesday, December 19, 2001 9:14 PM > > > > To: [EMAIL PROTECTED] > > > > Cc: [EMAIL PROTECTED] > > > > Subject: Re: [OT] Design Rant > > > > > > > > > > > > I really like this type of design and use it for my own stuff. The only > > > > problem I have (might be ignorance?) is that you can't do a "good" four+ > > > > column layout. By that I mean the two outer columns are > > > > fixed-width and the > > > > two+ inner columns are are variable based on window width. > > > > > > > > Hopefully someone knows how to do that?? If not, I don't know if this > > > > approach should be evangelized. You are limited to three columns (outer > > > > columns fixed-width, inner is variable). While I don't have any > > > > problems, I > > > > have clients who would. > > > > > > > > best, > > > > -Rob > > > > > > > > ... > > > > > > --------------------------------------------------------------------- > > > To unsubscribe, e-mail: [EMAIL PROTECTED] > > > For additional commands, email: [EMAIL PROTECTED] > > > > > > --------------------------------------------------------------------- > > To unsubscribe, e-mail: [EMAIL PROTECTED] > > For additional commands, email: [EMAIL PROTECTED] > > --------------------------------------------------------------------- > To unsubscribe, e-mail: [EMAIL PROTECTED] > For additional commands, email: [EMAIL PROTECTED] > I've got something along those lines that works in ie5 and mozilla: > > http://stserv.hcf.jhu.edu/~phantom/div.html > > 50% is a funny number. And so is 100 for that matter. > The different browsers do very different things with roundoff error. > > I'm not saying how practical it is and i have no idea what opera does to it. > I wish tables would go away, but i also wish css would render correctly in any >browser. > > Tim > > On Wed, Dec 19, 2001 at 02:46:59PM -0800, Robert Koberg wrote: > > it's pretty, but I did not see anything about the design I was talking > > about?? > > > > ----- Original Message ----- > > From: "Paulo Gaspar" <[EMAIL PROTECTED]> > > To: <[EMAIL PROTECTED]> > > Sent: Wednesday, December 19, 2001 12:58 PM > > Subject: RE: [OT] Design Rant > > > > > > > > I really like this type of design and use it for my own stuff. The only > > > > problem I have (might be ignorance?) is that you can't do a "good" four+ > > > > column layout. By that I mean the two outer columns are > > > > fixed-width and the > > > > two+ inner columns are are variable based on window width. > > > > > > > > Hopefully someone knows how to do that?? > > > > > > I think this article holds the answer to your question, with outer margins > > > and all: > > > http://www.alistapart.com/stories/practicalcss/ > > > > > > > > > Have fun, > > > Paulo Gaspar > > > > > > http://www.krankikom.de > > > http://www.ruhronline.de > > > > > > > > > > -----Original Message----- > > > > From: Robert Koberg [mailto:[EMAIL PROTECTED]] > > > > Sent: Wednesday, December 19, 2001 9:14 PM > > > > To: [EMAIL PROTECTED] > > > > Cc: [EMAIL PROTECTED] > > > > Subject: Re: [OT] Design Rant > > > > > > > > > > > > I really like this type of design and use it for my own stuff. The only > > > > problem I have (might be ignorance?) is that you can't do a "good" four+ > > > > column layout. By that I mean the two outer columns are > > > > fixed-width and the > > > > two+ inner columns are are variable based on window width. > > > > > > > > Hopefully someone knows how to do that?? If not, I don't know if this > > > > approach should be evangelized. You are limited to three columns (outer > > > > columns fixed-width, inner is variable). While I don't have any > > > > problems, I > > > > have clients who would. > > > > > > > > best, > > > > -Rob > > > > > > > > ... > > > > > > --------------------------------------------------------------------- > > > To unsubscribe, e-mail: [EMAIL PROTECTED] > > > For additional commands, email: [EMAIL PROTECTED] > > > > > > --------------------------------------------------------------------- > > To unsubscribe, e-mail: [EMAIL PROTECTED] > > For additional commands, email: [EMAIL PROTECTED] > > --------------------------------------------------------------------- > To unsubscribe, e-mail: [EMAIL PROTECTED] > For additional commands, email: [EMAIL PROTECTED] --------------------------------------------------------------------- To unsubscribe, e-mail: [EMAIL PROTECTED] For additional commands, email: [EMAIL PROTECTED]
