On Jan 2, 2007, at 11:50 AM, Mark Wheeler wrote:

> Hi all,
>
> Happy  New Year... now back to work. :)
>
> I've run across a 3 pixel IE bug(?) I can't seem to squash. It  
> comes between the #left_container (float: left) and the  
> #main_content. It only shows up in IE6 (I haven't checked IE7 yet)   
> - FF and Safari are fine. What I noticed was that the inline graphic:
>
> <img src="images/header_bird_bottom.jpg" alt="" width="171"  
> height="93" />
>
> seems to be "pushing" the content away from it's right and bottom.  
> I can't confirm that, it just looks like that in IE6. I didn't  
> notice the problem until I was working on the photo gallery page  
> when a right-floated div pushed the non-floated content below the  
> float. I thought I had the widths correct, and when I was checking  
> that I noticed the above problem. So I'm hoping that fixing the  
> above problem will fix the other - but maybe not. But at least we  
> can start there.
>
> Here are the links to the photo gallery page (the other links will  
> take you to other pages that show the same problem).
>
> http://ncp.tonedeafstudios.com/photo_gallery.php
> http://ncp.tonedeafstudios.com/css/global.css
> http://ncp.tonedeafstudios.com/css/gallery.css
>
> This, I thought, was a more simple layout. I never expected this  
> problem.
>
> Thanks very much for you help.
>
> Mark

Hi All,

Never mind. I figured out which 3px bug it was and fixed it. Had to  
put the non floated div (#main_content) margin to 0 and a -3px to the  
floated left column.

Mark
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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/

Reply via email to