Sent by Mehran Khalili on 31 October 2004 13:01
Hi,
I'm going to give this question one more pop, if anyone is up for the
challenge. So sorry for the repeat, but I didn't get an answer last
time. (If I don't get a response I'll just mark it down as One Of
Those Things and leave it.)
The problem is the one pixel of dark blue to the bottom left of the
'S' in the logo at http://scandal.org/wp/index-cssd.php in IE. It's
hard to see, but it's there. Please refer to the forwarded message for
more info.
Thanks
Mehran
---------- Forwarded message ----------
Hi, I now have a small but annoying CSS problem with a border.
Please refer to: http://scandal.org/wp/index-cssd.php
and
http://scandal.org/wp/cssd.css
To keep a continuous light blue border around the main section of the
page (the minicontainer div), I'm using the following CSS:
#minicontainer {
background-color: rgb(19, 40, 79);
width:100%;
border: 1px solid #B6C7CF;
text-align:left;
}
So that this border also flows around the logo at the top left of the
page (and overlaps the #minicontainer border to preserve the lines),
I'm using the following CSS for the logo:
..logo{
border-right: 1px solid #B6C7CF;
border-top: 1px solid #B6C7CF;
border-left: 1px solid #B6C7CF;
background-color: rgb(19, 40, 79);
/* Next 4 lines are for overlap of minicontainer
border (not very
elegant but it seems to work) */
border-bottom: 1px solid #13284F;
position: relative;
top: 1px;
vertical-align:bottom;
}
Once again, in FF this trick works fine. But in IE, the bottom border
of the logo also overlaps the left border of #minicontainer, which
ruins the lines by 1 pixel.
Why is this, and what do you suggest as a
workaround?
Thanks and regards,
Mehran
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/