That type of layout is easily accomplished with a simple table. An all-div solution is just a pain in the neck.
It's always useful to remember that there's absolutely NOTHING wrong with using a table as a layout grid. It validates, is accessible and renders fine in all browsers. > I have our new CSS based prototype [1] looking like our > designer/marketing/branding specifications, as represented in our > current website [2]; but only in Firefox. I already know I have a > serious problem in IE 5.5 and 6 that I am trying to figure out. > Advice would be gratefully accepted. I would also appreciate > critiques of the prototype as it appears in other browsers. Does it > degrade well? If not, can I improve my mark-up and/or styles to allow > it to work and degrade better in other browsers? > > Visually I think it is on the money; except for the need of a new > background image for the main menu to replace my crude cut job from > the original graphic buttons. Otherwise the only problem visually is > strange, intermittent spacing gaps in the main menu. If anybody can > advise me on how to fix these I would be most thankful. I believe it > is rounding problems, because the errors change locations and appear > and disappear as I scale my browser window in and out. > > Semantically is another story. To get the curved corners found in the > original [2], I had to use a lot of contextually valueless images. I > am not very satisfied with this, so I'm looking for any viable > alternatives. By using the images I was able to get the curved > corners to scale with the font size. I like this feature, but I'm not > sure I like it enough to keep all these unnecessary <img> tags. I'm > currently of two thoughts. One is to use JavaScript to dynamically > add the <img> tags. At least then they are not there unless JS runs. > Or, I'm thinking of placing the graphics into background-image styles, > but then they will no longer scale. This is probably not too bad for > larger font size since I will still have round rectangles, but for > smaller font sizes, I get funky bullet shapes that are considerable > less desirable. > > Speaking of font sizes; they are currently all px's taken directly > from the present version [2]. I have a great deal of difficulty > figuring out relative font sizes, and where to place them in my style > sheets to avoid and/or properly exploit cascade multiplication. This > would be another place I could use some help to set up my font-sizes > to initially approximate the sizes of the current version [2], but be > scalable by the user even in IE. > > Thank You > > [1] http://www.bloodsource.org/bugtests/bs_title_test.cfm > [2] http://www.bloodsource.org/AboutUs/JobsCareers.cfm > > > -------------- > Ian Skinner > Web Programmer > BloodSource > www.BloodSource.org > Sacramento, CA > > "C code. C code run. Run code run. Please!" > - Cynthia Dunning > > Confidentiality Notice: This message including any > attachments is for the sole use of the intended > recipient(s) and may contain confidential and privileged > information. Any unauthorized review, use, disclosure or > distribution is prohibited. If you are not the > intended recipient, please contact the sender and > delete any copies of this message. > ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~| Discover CFTicket - The leading ColdFusion Help Desk and Trouble Ticket application http://www.houseoffusion.com/banners/view.cfm?bannerid=48 Message: http://www.houseoffusion.com/lists.cfm/link=i:5:154851 Archives: http://www.houseoffusion.com/cf_lists/threads.cfm/5 Subscription: http://www.houseoffusion.com/lists.cfm/link=s:5 Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.5 Donations & Support: http://www.houseoffusion.com/tiny.cfm/54