> 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.
I liked your solution with the border, makes it a bit nicer with the rule extending down. Now, in IE 7, the rule extends all the way down into the footer without stopping at the bottom. Did I code something wrong with regards to the bottom of the rule? - http://www.ba-doyn.com/junk/saw/index.htm - http://www.ba-doyn.com/junk/saw/services.htm Thanks, Michael ______________________________________________________________________ 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/