[WSG] 3 column vetical layout.
hello all, let me discribe the effect that im trying to achieve with css using a table as a metaphor. table width='760' height=100% tr height=120px td../td/tr tr height=auto td../td/tr tr heigth=120pxtd../td/tr /table Im trying this with 4 divs-a header, body and footer and a wrapper. My layout is further complicated by a shadow that surronds all sides of the 3 content divs. here is my feeble attemp. It works better in ie that ff right now. http://www.mcmonagle.biz/final5.htm I took the method for the corners/shadow from TJKDesign but it needs work thanks thanks for any suggestions. -best kvnmcwebn ** 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] 3 column vetical layout.
1. You got a problem with IE5.2 for Mac too, your footer won't display. 2. It seems to me that you got alot of unescesary classes and id's in your stylesheet, in addition you've both got an inline stylesheet and external one, some ID's and classes are defined two times. It would be a good idea for you to clean up the CSS code to make sure that the same thing won't be defined twice. 3. Your styles should go in your head/head area. Not outside. And you need to end your amp with ; so it reads amp; I doubt this will help the 100% height design though, but are issues that needs to be fixed. :) Good luck! I'll see if I can look deeper into this later. -Vincent Hasselgård On 10/15/05, kvnmcwebn [EMAIL PROTECTED] wrote: hello all,let me discribe the effect that im trying to achieve with css using a tableas a metaphor.table width='760' height=100%tr height=120px td../td/trtr height=auto td../td/tr tr heigth=120pxtd../td/tr/tableIm trying this with 4 divs-a header, body and footer and a wrapper.My layout is further complicated by a shadow that surronds all sides of the 3 content divs.here is my feeble attemp. It works better in ie that ff right now.http://www.mcmonagle.biz/final5.htmI took the method for the corners/shadow from TJKDesign but it needs workthanks thanks for any suggestions.-bestkvnmcwebn**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] 3 column vetical layout.
I guess i put the page together hastily just trying to figure out the height challenge. -didnt validate it. Thanks for your help especially with the ampersand delimeter thing - that was showing up on previous versions when i ran it through the validator. I've nearly given up on solving the 100% height problem on my own. I tried converting 3 column stretched width layouts to vertical a vertical format buy no joy. Right now I'm trying another fixed height version but its a big comprimize in the look im going for. Hope to get some good advice here. -kvnmcwebn ** 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] 3 column vetical layout.
please remove my mail for the list !!! - Original Message - From: kvnmcwebn [EMAIL PROTECTED] To: wsg@webstandardsgroup.org Sent: Saturday, October 15, 2005 2:15 PM Subject: RE: [WSG] 3 column vetical layout. I guess i put the page together hastily just trying to figure out the height challenge. -didnt validate it. Thanks for your help especially with the ampersand delimeter thing - that was showing up on previous versions when i ran it through the validator. I've nearly given up on solving the 100% height problem on my own. I tried converting 3 column stretched width layouts to vertical a vertical format buy no joy. Right now I'm trying another fixed height version but its a big comprimize in the look im going for. Hope to get some good advice here. -kvnmcwebn ** 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] 3 column vetical layout.
kvnmcwebn wrote: Right now I'm trying another fixed height version but its a big comprimize in the look im going for. Hope to get some good advice here. I wonder how a 'fixed height' should fit different windows/screens, but I guess 'fixed to window' is what you mean. You may pick up some solutions that'll actually work here: http://www.gunlaug.no/tos/moa_8d.html and follow the links to more info through the links on top of the main column. Another test/example: http://www.gunlaug.no/tos/moa_8e.html Add in whatever you like regarding design, as there isn't much you cannot do with it. Good luck. 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] 3 column vetical layout.
thanks georg that brilliant. i slightly modified some source from the frames with no frames site because it used more block elements than yours. you can check out the basic template that i created if you like http://www.mcmonagle.biz/final9.htm I should have asked sooner. -best kvnmcwebn ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
