1. Home
2. Developer Center
3. Dreamweaver Developer Center
4. CSS Advisor

CSS Advisor

An Example of Three Pixel Jog

Problem

When anonymous line boxes (boxes that contain inline content) are adjacent to a float, a 3px gap appears... (From Dreamweaver)

Solution

Add the class described in the body of this post to the head of your document. Just a comment to your tree-pixel-jog solution, which works fine. Thank you.

Detailed description

Add the class like this (in the "head" section):

<!--[if IE]>
<style type="text/css">
 .mybuggyelement { zoom: 1;}
</style>
<![endif]-->
<style type="text/css">
<!--

<style type="text/css">

    other styles

</style>

The "div" with the problem is coded like this:

<div class="mybuggyelement" id="mainPart"> ..... </div>

Look at http://lostablones.es/Links/links.html for the fix in action. Use "view source" if you like.

That's all.

 

 

Text ID: THREE_PIXEL_JOG_EXAMPLE

---