Tim Owens wrote: >I have an image gallery menu using left-floated imgs within a div. Seems >that in IE the first row does not catch the background color and instead >displays white. Here's the link: http://www.owensdesigns.com/jwilliams/work >This bug does not show up with FF or Safari. Any help is appreciated. > >Tim > > Hi Tim, In my eyes the design as design is good looking. - Now the codes! For the diagnose, I checked some general basics first. ;-)
Not valid html, reports the html-validator <http://validator.w3.org/check?uri=http%3A%2F%2Fwww.owensdesigns.com%2Fjwilliams%2Fwork%2F&charset=%28detect+automatically%29&doctype=Inline&verbose=1>. Even no entrance to the validator > it is the é in resumé which is prohibiting the test. In combination with the lack of a charset, the validator falls back to utf-8, and utf-8 doesn't recognize the é. So you should add a charset in the head, and write: * resumé Trying the character encoding iso-8859-1, I saw some errors: a </div> is missing, and use of more ID's with the same name. See forced html-validator <http://validator.w3.org/check?uri=http%3A%2F%2Fwww.owensdesigns.com%2Fjwilliams%2Fwork%2F&charset=iso-8859-1&doctype=Inline&verbose=1>. (The css-validator doesn't show because of the html-errors.) I hope after repairing this, the IE-white doesn't come back. In case it is coming back, you can come back here too! Greetings, francky btw-1: Someway the line distance in the Lorem-text doesn't scale when you enlarge the font-size in IE (I'm not script kiddy enough, to see if it is caused by the harmonica-javascript for the "stretcher"-class behind the screen). And the largest font-size in IE causes a drop-down of the indexworkbg.gif - container. btw-2: With javascript disabled, the visitor does see it is an all-in-one page (do you intend that?) > so that's the reason for the slow download! The 91 (!) images cause the major part of the 96 http-requests - and together they absorb 227kB... > that is around 50 sec. on a 56 kbps modem. See SpeedAnalysis <http://www.websiteoptimization.com/services/analyze/wso.php?url=http://www.owensdesigns.com/jwilliams/work/>. I should consider: * splitting up the page in more pages, * combining the thumbnails in 1 background-image, and put the links for enlargement in css-boxes above, * using compressed jpg's, for instance: 23 kB indexworkbg.jpg <http://home.tiscali.nl/developerscorner/css-discuss/images/indexworkbg.jpg> instead of 86 kB indexworkbg.gif <http://www.owensdesigns.com/jwilliams/work/themes/jwilliams/images/indexworkbg.gif>. ______________________________________________________________________ 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/
