 |
 | Home | Contact Us | FAQ | Search & Site Map | Link to Us |
 | Sign In | Join | Other 45 Sites in Network |
| HomeDiscussion GroupsGeneralPHPASPPerlColdFusionFlashHTML, CSS, ScriptsBrowsers |
Webmaster Forum / HTML, CSS, Scripts / CSS / August 2008round corner glitch on IE6?
the page [url]http://www.0011.com/css/round_corner.html[/url] displays perfectly on IE 7 and Firefox 2 and 3. And it is HTML 4.01 Compliant. For some reason, the bottom center div is a bit downward on IE 6. Even if that middle div is changed to a height of 10px, that's the same. Does any body know why that is? Many thanks! > [url]http://www.0011.com/css/round_corner.html[/url] > > displays perfectly on IE 7 and Firefox 2 and 3. And it is HTML 4.01 > Compliant. For some reason, the bottom center div is a bit downward > on IE 6. I don't see any difference between IE6 and other browsers. BTW, validated code may be a step in the debugging process, but doesn't have a lot to do with how IE (especially IE6) renders CSS. You should also abandon the use of inline styles as much as possible. It will make maintenance and debugging a PITA. Better to use a stylesheet and assign class selectors as needed.  SignatureBerg > I don't see any difference between IE6 and other browsers. > > BTW, validated code may be a step in the debugging process, but doesn't > have a lot to do with how IE (especially IE6) renders CSS. if you look very closely, i think you may see the bottom, center border not lined up with the bottom left and right border? >> I don't see any difference between IE6 and other browsers. > > if you look very closely, i think you may see the bottom, center > border not lined up with the bottom left and right border? I can't see it. Maybe it would be more noticeable with a wider border or higher contrasting colors. SignatureBerg http://www.0011.com/css/round.gif seems to be a square > http://www.0011.com/css/round.gif > > seems to be a square Well, to quibble, it seems to be a rectangle. But, and this is not a quibble, it is not a straight rectangle but rather a rounded cornered one. It is easy to miss because of the pale yellow colour against your likely white browser canvas colour plus the corners are very slight compared to the dimensions of the rectangle. Signaturedorayme Try setting font-size:0; on all your lower 3 elements. > the page > [quoted text clipped - 4 lines] > on IE 6. Even if that middle div is changed to a height of 10px, > that's the same. Does any body know why that is? Many thanks! |
Reply to this Message |
 Sign In
 Join
 My Latest Posts My Monitored Threads My Blog My Photo Gallery My Profile My Homepage Start New Thread Enable EMail Alerts Rate this Thread
|
©2008 Advenet LLC Privacy Policy - Terms of Use
This website includes both content owned or controlled by Advenet as well as content owned or controlled by third parties.