On 11/08/2009, at 1:10 AM, Michael Beaudoin wrote:
> I just finished roughing out a site for a client and it looks good in
> all browsers, except there is an alignment issue in IE 7. If you look
> at these sample pages:
>
> - http://www.ba-doyn.com/junk/saw/index.htm
> - http://www.ba-doyn.com/junk/saw/services.htm
>
> you will see that the vertical white line, which should be between the
> paragraphs, is off to the right.
>
> It looks fine in Firefox/Safari for Mac, and Firefox for PC.
>
> Any suggestions on this one? I can't seem to figure out why.
Hi Michael - Why don't you put a left border on the element itself? I
would suggest that this is a much more straightforward approach.
Remove <div id="vert-bar"></div>
#secondBody {
border-left: 1px solid #FFF;
padding: 0 0 10px 10px; /* Tweak these if need be */
margin: 10px 0 10px 10px; / * Tweak these if need be */
}
If you wanted to get fancier you could set it up so that either side
could be taller by setting a right border on the other div and pushing
it across 1px.
Also, #firstBody and #secondBody could be <p>s rather than <div>s.
Just a thought.
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
