Hi Bill, I have tried your solution, but even that shows the problem I have with my own example, namely 3 extra pixels added to the lines next to the float element. Try adding a few extra <p>'s in your mainFrame-div and you will see that these will not align with the first because they don't get those extra 3px added to them.
I am testing in IE6 on WinXP. PS I just kept support for the IE5/mac because it was included in the hack I found - I agree its not really necessary to support it any longer. /Morten -------------------------------------------------- From: "Bill Brown" <[EMAIL PROTECTED]> Sent: Saturday, July 19, 2008 12:36 PM To: "morten" <[EMAIL PROTECTED]> Cc: <[email protected]> Subject: Re: [css-d] Can't get 3px jog bug fix to work > morten wrote: >> Hi Bill, >> >> Thanks for your tip, it actually realigned the text. BUT now with 3px >> gap all the way down. This is easier to live with, but I would be happy >> to completely rid of those 3px as it still means a difference between >> IE6 and other browsers. >> >> /Morten > > Hi Morten, > > Yeah, I see what you mean. I played with it...I'd have to look into a > little more to see exactly what IE is doing there. > > In the meanwhile, included below is the code I would use to accomplish > that setup. Admittedly, I have not tested it in IE/anything for Mac. I > pretty much consider that a dead browser [1] and don't generally code to > support it. That being said, the hack I used to get IE to recognize the > float switch behavior could be replaced with a hack which is compatible > with IE5/mac. > > [1] - "Hail and Farewell" > http://meyerweb.com/eric/thoughts/2003b.html#t20030614 > > <!DOCTYPE html PUBLIC > "-//W3C//DTD XHTML 1.0 Strict//EN" > "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";> > <html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="en" lang="en"> > <head> > <title>CSS-d - 3px Jog Bug Demo for Morten</title> > <meta http-equiv="Content-Type" > content="text/html;charset=iso-8859-1"/> > <style type="text/css"> > #pageFrame { > border: 5px solid #ff0000; > display: inline-block; > height: auto !important; > height: 1%; > overflow: hidden; > padding-left: 200px; > } > #pageFrame {display: block} > #menuFrame { > border-top: 5px solid #ff7500; > display: inline; > float: left; > margin-left: -200px; > position: relative; > width: 200px; > } > #mainFrame { > border-top: 5px solid #ffff00; > } > #menuFrame p { > border-top: 5px solid #00ff00; > margin: 0; > } > #mainFrame p { > border-top: 5px solid #0000ff; > margin: 0; > } > </style> > </head><body> > <div id="pageFrame"> > <div id="menuFrame"><p>menu</p></div> > <div id="mainFrame"><p>main</p></div> > </div> > </body></html> > > Hope it helps! > Have a great weekend. > --Bill > > > > -- > /** > * Bill Brown > * TheHolierGrail.com & MacNimble.com > * From dot concept...to dot com...since 1999. > ***********************************************/ > ______________________________________________________________________ css-discuss [EMAIL PROTECTED] 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/
