 |
 | Home | Contact Us | FAQ | Search & Site Map | Link to Us |
 | Sign In | Join | Other 45 Sites in Network |
| HomeDiscussion GroupsGeneralPHPASPPerlColdFusionFlashHTML, CSS, ScriptsBrowsers |
Webmaster Forum / HTML, CSS, Scripts / CSS / October 2006CSS Tableless Layout Challenge > Going out to all Gurus !!!
Hi Everyone... hope your all well.. I was hoping somebody out there could help me out with this one.. Iam not a CSS newbie but Iam working alone and struggling with a few css layout issues.. Iam sure we have all been there... Right I am designing a site in XHTML Trans. I have been doing OK I but have some fundamental problems... I need the site to work in IE: 5/5.5/6/7 & Netscape 6/7/8 & Firefox 1/1.5/2 & Opera 7/8/9 and Mozzila The layout needs to be mixed columns: Left Fixed (Left Align 150px) ------------------------------------------------------------------------------------------- The Center gets complex (its fluid mixed)... Senario 1* 3 cols (Stretchy>right and left with a center fixed of 20px) like this> []-[] also on the same page I have Senario 2* 5 cols (3xStrechy>right, left and center with 2 columns fixed at 20px) like this> []-[]-[] ------------------------------------------------------------------------------------------- Right Fixed (Right Align 150px) Pages on the site vary in coplexity and layout but If I can nail this bit think I could get the rest covered. Anybody think Iam mad or just a touch ambitious here is a site that does the 1* senario <http://www.ebuyer.com/> cant find one the does the 2* senario or that mixes the 2 senarios... I have done OK so far and got it to work, but IE 5/5.5 box model probs is driving me nuts so I thik I need to go back to basics HOPE YA CAN HELP!!! Respect Silkster >The layout needs to be mixed columns: > [quoted text clipped - 8 lines] >------------------------------------------------------------------------------------------- >Right Fixed (Right Align 150px) ... >I have done OK so far and got it to work, but IE 5/5.5 box model probs >is driving me nuts >so I thik I need to go back to basics Fixed-width in the middle with variable-width columns either side is unconventional, and I can't immediately see how to do it (without resorting to Javascript). While someone else is coming up with something on that I'll just comment on IE 5/5.5. These are fairly ancient now. While they are still used enough for it to be important that users of those browsers can read a site, I wouldn't worry too much about the cosmetics for them. Having said that, this site may be able to help: http://w3development.de/css/hide_css_from_browsers/ But worry about conforming browsers first. > here is a site that does the 1* senario <http://www.ebuyer.com/> No it doesn't: it has fixed-width either side, which is much easier. (It also has some silly quirks, but that's another subject ...)  SignatureStephen Poley http://www.xs4all.nl/~sbpoley/webmatters/ > Hi Everyone... hope your all well.. > [quoted text clipped - 21 lines] > ------------------------------------------------------------------------------------------- > Right Fixed (Right Align 150px) I really think you should use a table if this is what you want. You can just set some of the columns to 20px, the overall width, and the UA will make the remaining columns fill the rest of the width and keep them equal sizes. But I thought I'd have a go without tables: http://www.tidraso.co.uk/misc/pathological-layout.html Works in FF and Konqueror. Gets interestingly nasty when you make the page really narrow. If those 20px columns are just going to have some kind of background wallpaper in them, there may be easier layouts that split them into adjacent 10px columns. > Right I am designing a site in XHTML Trans. Why? Especially given your ancient browser requirements below. > I need the site to work in IE: 5/5.5/6/7 & Netscape 6/7/8 & Firefox > 1/1.5/2 & Opera 7/8/9 and Mozzila [quoted text clipped - 6 lines] > Senario 1* 3 cols (Stretchy>right and left with a center fixed of > 20px) like this> []-[] > also on the same page I have > Senario 2* 5 cols (3xStrechy>right, left and center with 2 columns > fixed at 20px) like this> []-[]-[] > ------------------------------------------------------------------------------------------- > Right Fixed (Right Align 150px) 3 columns takes up a lot of screen width. It's very rare to see more than 3. Going to 7 columns would mean most of the colums are very narrow. Without having actually tried the idea... A typical method for 3 column layout is that the center column div has fixed width margins left and right where the floated left/right divs reside. You can set those wide margins to percentages instead so they adjust to screen width, and set the widths of the floated margins to a slightly lower percentage, while setting the center column width to a fixed value in ems. Signaturejmm (hyphen) list (at) sohnen-moe (dot) com (Remove .AXSPAMGN for email) |
Reply to this Message |
 Sign In
 Join
 My Latest Posts My Monitored Threads My Blog My Photo Gallery My Profile My Homepage Start New Thread Enable EMail Alerts Rate this Thread
|
©2009 Advenet LLC Privacy Policy - Terms of Use
This website includes both content owned or controlled by Advenet as well as content owned or controlled by third parties.