Hi Everyone! Here I am begging for help once again. I've been using the nifty Cederholm system of ID-ing div backgrounds (note: I changed some of these to classes ... seems to work better) for changing existing divs in my two-column float layout. It works perfectly in Firefox1.0 but IE6 is choking on one of the definitions. I can't figure out why.
Here are the two senarios which are almost identical. Scenario 1 works in both browsers, Scenario 2 doesn't. Can anyone figure out why one works and the other doesn't in IE? Thanks so much for your help! - Mary 1. Working Scenario 1 a. Homepage declared in xhtml as <div id="colWrapper" class="home">. b. The CSS definition looks like this: CSS Snippet for the homepage located at http://www.byronsbyte.com/bernard/index.html /* LAYOUT DIVS */ #colWrapper /* ie workaround because it won't let body act as a wrapper */ { left bottom no-repeat; /* faux column */ width:775px; /* container must be fixed so that floats won't overlap each other */ margin:0; padding:0; text-align:center; /*border:5px solid #000;*/ } #colWrapper.homepage { background:#fff url(../images/leftSidebar/twoAsOne_2.jpg) left bottom no-repeat; /* faux column */ 2. Not Working Scenario 2 a. It does not work in IE6 on the Tour page declared in xhtml as <div id="colWrapper" class="photogallery"> b. CSS is exactly the same as above except that it is now declared as #colWrapper.photogallery . CSS Snippet for the Tour page located at http://www.byronsbyte.com/bernard/photoGallery_all.html /* LAYOUT DIVS */ #colWrapper.photogallery /* photogallery */ { background:#fff url(../images/backgrounds/amenities_bk.jpg) left top repeat-y; /* faux column */ } Stylesheet location The stylesheet is here: http://www.byronsbyte.com/bernard/css/layout.css Mary Villanueva [EMAIL PROTECTED] http://www.byronsbyte.com ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
