Hi,
I'm working on a website using the Aberdeen theme. I want the images in my left sidebar to touch the left edge of the screen. I have accomplished that in FF (I think what did the trick was simply removing the sidebar left padding in style.css.). In IE6 however there is still a space between the edge of the screen and the image. The fact that I'm clueless (after 4+ hours with this problem) is not astonishing considering my newbie status but I could really use some help. :)
I read about IE double margin bug and put in "display: inline" in page.tpl (//div id="sidebar-left" class="sidebar" style="display: inline"//) as suggested but without any effect.
Here's the code for the style.css. Sorry about the long post...
/PWG
STYLE.CSS:
/**
* Aberdeen, for Drupal 5.0
* Don Diego, d.f.lago [at] googlemail [dot] com
*/
/**
* General.
*/
body, div, h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, li, dl, dd, hr, address {
padding:0;
margin:0;
font-weight: normal;
font-style: normal;
}
body {
color: #131313;
/**background: #fff url('images/bg-body.gif') repeat-x 0 0;*/
background: #ffffff;
text-align: center; font-style:normal; font-variant:normal; font-weight:normal; line-height:1.5em; font-size:0.86em; font-family:Verdana, sans-serif;
}
input {
font: 0.86em/1.43em arial, sans-serif;
color: #494949;
}