Thanks so much -- unfortunately the 45 validation errors come from the code that the client gave me to implement (their RSS feed), so nothing I can do about that :(
I was thinking that probably the issues in IE6 are due to the peekaboo bug (I think that's what it's called) because there are so many nested divs and IE6 is basically freaking out and repeating stuff. It gets even better - they want the 2 cols on the right to be in iframes, so I've implemented that http://www.language-works.com/SmartSign/template_frames3.htm but of course with IE6 it wants a narrower frame, so it needs conditional comment ... but I don't even know what platform they're developing on so have just put in a double bit of code for now with the IE6 comment so they can know what width to implement. What worries me is that this code will be taken by some programmers and messed with even further, and it seems to me that it's fragile, at best. They've said as long as it displays on 1024 they're ok with it (though of course it breaks horribly on anything less). IMO the design is meant for print and not the web, but they don't wnat to hear that.... Anne ----- Original Message ----- From: "Alan Gresley" <a...@css-class.com> To: "Anne E. Shroeder" <a...@language-works.com> Cc: <css-d@lists.css-discuss.org> Sent: Friday, April 24, 2009 11:33 AM Subject: Re: [css-d] Rounded corners repeating in IE6 > Anne E. Shroeder wrote: >> I'm using the technique described here: >> http://webdevtips.co.uk/webdevtips/style/border.shtml to accomplish >> rounded borders on this somewhat complex design - the client is insistent >> on fixed heights, so it's been quite a trick. The problem now is that >> the top right corner seems to be repeating itself and the bottom left and >> right corners are not showing up at all in IE6: >> >> http://www.language-works.com/SmartSign/template_frames2.htm > [...] >> >> Anne > > > Hello Anne. > > This page has many problems in IE6, one is that div#column3 has completely > dropped below the main content. There are also problems in IE7. The > initial problem area is in or surrounding the form in the 1st columns. > > #column1 #login { > background-color:#FEFEFE; > width: 191px; > margin: 0 7px 19px 8px; padding:0; > > } > #column1 form { > margin:-6px 8px 22px 8px; > } > > > Changing a width and a margin seems to bring IE6 under some control. BTW, > this is a hack fixed since I do not know what is quite happening. You have > stirred that cauldron of bugs that is IE6. :-) > > * html #column1 #login { /* target IE6 */ > width: 178px; > } > > * html #column1 form { /* target IE6 */ > margin-right:-4px; > } > > > Next changing overflow:auto to overflow:hidden remove the scrollbar in > IE6. > > #column2 #newsBlurbs { > height:352px; padding: 5px 10px 5px 2px; > overflow:hidden; /* change for IE6 */ } > > Next changing the margin-right on div#column3 (partially removing the > float) brings div#column3 up in the correct place. > > * html #column3 { > margin-right:-29px; > } > > > This does not solve the problems that you state. Here is a little demo > with the hacks for IE6. > > <http://css-class.com/x/eO.htm> > > > Something is causing some overflow of the background for div#column3. > Maybe correcting those 45 validation errors in the XHTML may help here. > > Also, at this moment IE6 and IE7 are not handling those negative margins > on the list > > > #column3 ul li { > margin-left:-28px; > margin-top:-10px; > } > > and this causes div#column3 to have greater height which effects the > positioning of the rounded corners at the bottom of div#column3. I will > take a greater look later. > > > -- > Alan http://css-class.com/ > > Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo > ______________________________________________________________________ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
