[WSG] Fluidity help
Hello list, Need a little help. I am building a page - http://66.155.251.18/platformrg.com/ - that was designed in a hard grid. Can I tweak this so that when text is scaled up, the boxes expand, at least vertically, to allow for the larger type as well as having the boxes maintain a min-height when scaled down - especially in the row that contains the image? I have trouble wrapping my head around the 'fluid thing'. I really can't change any design elements at this point. That's a whole education thing that has yet to happen with designers here... I like the way stopdesign.com works (up to a certain size, all is well readable/useable)... Also, in IE 5.5Win, there is something up with the borders. Anyone see what that is? -- Tom Livingston Senior Multimedia Artist Media Logic www.mlinc.com --- www.browsehappy.com ** 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] Fluidity help
Hi Tom Try changing the div widths form px to em, this allows it to stretch although I'm not sure what the conversion is, I think it's dependent on a few other things. Hope this helps some Graham Bancroft. ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** 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] Fluidity help
Tom Livingston wrote: Hello list, Need a little help. I am building a page - http://66.155.251.18/platformrg.com/ - that was designed in a hard grid. Can I tweak this so that when text is scaled up, the boxes expand, at least vertically, to allow for the larger type as well as having the boxes maintain a min-height when scaled down - especially in the row that contains the image? I have trouble wrapping my head around the 'fluid thing'. I really can't change any design elements at Also, in IE 5.5Win, there is something up with the borders. Anyone see what that is? I think it'd be easier to start from scratch. IMO, this layout relies too much on the position attribute. Use a 3 cols CSS layout that works, float the buildings image and use the footer for your What's new area. Re: IE5, I didn't check but there is a good chance that your problem comes from its broken box model (the relationship between dimension of the box, border and padding). Thierry | http://www.TJKDesign.com ** 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] Fluidity help
On May 24, 2005, at 12:22 PM, Thierry Koblentz wrote: I think it'd be easier to start from scratch. My first reaction was... Yikes!, Are you nuts!, but then as I looked at it the light bulb came on over my head. I did redo it, although it isn't fabulous, it's useable at a couple of clicks up in size (FF Mac) and I'm happy with that. It's definitely better. I am still lost with the IE5.5Win issue (Box model??). Can anyone see where I need to hack it? Thanks! -- Tom Livingston Senior Multimedia Artist Media Logic www.mlinc.com --- www.browsehappy.com ** 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] Fluidity help
On May 24, 2005, at 2:23 PM, Tom Livingston wrote: On May 24, 2005, at 12:22 PM, Thierry Koblentz wrote: I think it'd be easier to start from scratch. My first reaction was... Yikes!, Are you nuts! Me again, http://66.155.251.18/platformrg.com/people/ In IE5.5/6Win (and Opera 8 MAC) I am seeing extra space under the image and can't figure out where the heck it's coming from. Can you? TIA -- Tom Livingston Senior Multimedia Artist Media Logic www.mlinc.com --- www.browsehappy.com ** 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] Fluidity help
Tom Livingston wrote: My first reaction was... Yikes!, Are you nuts! Me again, http://66.155.251.18/platformrg.com/people/ In IE5.5/6Win (and Opera 8 MAC) I am seeing extra space under the image and can't figure out where the heck it's coming from. Can you? This is normal behavior. It's because your left bar is taller than the picture. Remove padding on your elements in the sidebar and you'll see that the footer moves up and comes touching your image. If you didn't set your font-size value using pixels, you could have seen the same effects by simply reducing text-size in MSIE. Re: the box model, if you have a 100px wide box with a 1px border around it. In IE5 that box is 100pixel wide (including the border), but in other browser (including IE6 unless it is in quirks mode), that box will be 102pixels wide. That's what you've small differences in IE5 with the borders. And it works the same with padding. HTH, Thierry | http://www.TJKDesign.com ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **