>> Brian M. Curran wrote: >> Hi, >> If you're in IE7 and you go to my home page at: >> www.locallaw11news.com >> >> then you will notice that if you hover over the "Your Clickable Ad Here" >> image, that the border-left shrinks in length. Similarly, if I add a >> duplicate image below the one you see now, and if you hover over the top >> image, then the gap between the two images shrinks by the same amount >> that the border-left is currently shrinking. Well, my goal is to have >> multiple images in that "Advertisers" column, but this movement effect is >> very unprofessional. Anyone know why this is happening? Like I said, it's >> only in IE7, and I'm sure there are a ton of people using that browser, >> so I can't just ignore the problem. >> >> Sincerely, >> Brian >>
> David Laakso wrote: > > It's the <br/> tags that cause the problem in IE/7. Set the links in that > column as a list. The horizontal-gutter between items is set in the CSS: > not with <br/><br/> tags in the mark-up. > <http://css.maxdesign.com.au/listamatic/vertical02.htm> > >Russ wrote: >The right column collapses under the middle column in EI6, which you may >not be worried about, but it's something to consider. > >I was able to get a good result by doing the following: >1. Changed #contentIndex2 to "width: 384px;" >This moved the right column back into the correct position in IE6 >2. Changed #contentIndex3 to "float: right;" >This closed the 1-pixel gap to the right of the column in Firefox >3. Removed "float: left;" from .imgTopAd >This stopped the problem with the border changing height >4. Removed two <br/> tags under the Ad Logo image >Makes border end flush with the bottom of the image >Hope this helps. >Russ David / Russ, Thank you for the responses. The first thing I did was remove the br tags, and the image movement stopped. Then I turned my side nav bar into an unordered list. (That came out really nice, thanks for the recommendation.) However then the image movement came back in IE7. Thankfully Russ I saw your post, removed the float on my side advertisement image (and changed the class name to .imgSideAd) and that stopped the movement in IE7. Now I'll determine if I should make those changes for IE6 users. I'm wondering if anyone really even uses IE6 anymore. Sincerely, Brian ______________________________________________________________________ css-discuss [[email protected]] 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/
