I have two different methods of trying to layout a page that has a header, footer, left column for navigation buttons (client insists on the image based buttons), and a main content column as seen on: http://www.asian-herbs.com/index.cfm
The problem with the above is the left column is floated over the left border of the main content column. In FF/NS I can set the border to transparent and everyone is happy. In IE the border shows black, so I had to change the color of the left border to match the background color of the background image (also as per client requirements). The problem with this is it covers the left most portions of the background images. I would prefer to be able to fix this page if possible. Here is the css: http://www.asian-herbs.com/assets/styles.css ==================================================== Another Option (as modified from http://www.fu2k.org/alex/css/onetruelayout/example/interactive) HTML: http://www.aftershockweb.net/bd/css/onetruelayout/index2.cfm CSS: http://www.aftershockweb.net/bd/css/onetruelayout/styles2.css The problems I am having with this example are: 1.) Forcing the left nav buttons to stay against the left margin 2.) Forcing the main content to not disappear under the nav buttons with smaller window sizes like 800X600; at 1024X768 this layout's display is acceptable in all three browsers. I am willing to use either method or scrap it and start over if there is a better way. Thank you, Aftershock Web Design, Inc. by: Stan Winchester President/Developer/Janitor http://www.aftershockweb.com/ ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
