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

CSS Advisor

Extra Top Padding in IE 8

Problem

Using a prebuilt Dreamweaver template results in extra top padding in the sidebar1 div in IE8.

Solution

Add the '!important' declaration in the style to force IE to pay attention to the assigned padding values.

Detailed description

Dreamweaver Template used: 2 Column fixed left sidebar header and footer

Code before fix:

.twoColFixLtHdr #sidebar1 {

 float: left; /* since this element is floated, a width must be given */

 width: 200px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */

 background: #EBEBEB; /* the background color will be displayed for the length of the content in the column, but no further */

 padding: 15px 10px 15px 20px;

}

 

 

Code after fix:

.twoColFixLtHdr #sidebar1 {

 float: left; /* since this element is floated, a width must be given */

 width: 200px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */

 background: #EBEBEB; /* the background color will be displayed for the length of the content in the column, but no further */

 padding: 15px 10px 15px 20px !important;
 

} 

Text ID: EXTRA_TOP_PADDING_IN_IE_8

---