Home ›
Background graphics not displaying in IE6 due to use of padding instead of width and height valuesBackground graphics not displaying in IE6 due to use of padding instead of width and height values
Searched words:
Microsoft Internet Explorer 6 is the Devil
Some IE6 fixes did not require browser detection
Wrong (as far as IE6 is concerned)
a#emailalerts_button {
display: block;
background: url('images/alerts.gif') 0% 0px;
padding: 135px 0px 0px 130px;
vertical-align: bottom;
}Right (for everything as far as we can test)
a#emailalerts_button {
display: block;
background: url('images/alerts.gif') 0% 0px;
padding: 0;
width: 135px;
height: 130px;
vertical-align: bottom;
}(In this cases, the entire a tag is to be represented by the background graphic, and the text inside the a tag was wrapped in spans set to display:none. However, for the top graphic of blocks in the right sidebar using the padding was necessary, and height didn't work. Go figure.)
Resolution
More like this
- Left column detaches from side, covers content at small browser window widths in Internet Explorer 6
- Serving up a different page.tpl.php for different browser types (i.e., IE6) with your Drupal theme
- Why you should run your own blog (or join a trusted community)
- Making COAnews.org more participatory
- More on the COA redirect issues: Yahoo weighs in with strange error
Comments
Thanks!
This just saved me from pulling my hair out in frustration, thank you!
Post new comment