Sent by Gunlaug_Sørtun on 20 June 2004 05:05
Michael,
you wrote:
>I'm having problems with floating a div in IE 6, the alignment is way
>off and I don't know what numbers doing it. It works perfectly in
>Firefox, but I'm guessing there is a workaround that I'm puzzled by.
>
>http://gs.designbymk.com/v4/index.htm
Too many corrections, using the Voice-family hack without proper recovery,
has created the problems this time.
You have found a IE-win bug, and exploited a Moz-bug by accident to correct
it in Firefox. I've used this Moz-bug for testing before, and recognized it
in your page. That Moz-bug is also the reason Opera lost out, because it
couldn't see the correct definitions.
I've simplified the part of CSS that created the problems.
Opera 7.50, Moz 1.4, Firefox 0.8, IE6 and IE5.0-win are happy with it, but
I'm not, because those two hacks in there shouldn't be needed at all.
CSS:
---
#main{ position: relative; width: 700px; background: #FFF; border-bottom:3px
solid #006699; margin: 0px;}
#content{position: relative; width: 460px; float: left; padding: 5px;}
/* SideBar */
#sidebar{position: relative; width: 230px; background: transparent
url(sidebarb.gif) 0px 0px repeat-y; float: right; }
..sbcontent {position: relative; width: 205px; margin: 5px -10px 0px 15px;
_padding-bottom: 20px;}
#sidebar #SBbottom { _position: absolute; background: transparent
url(sbbottom.gif) 0px 0px no-repeat; height:7px; width: 230px;}
---
Those voice-family hacks isn't needed at all, and a few more corrections to
html & CSS will get rid of those last hacks too.
regards
Georg
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
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/
