[css-d] extra padding and/or margin on top and bottom of elements everywhere but IE6/Win
The page is here: http://www.creekside-development.com/beta/index.html The style is here: http://www.creekside-development.com/beta/global.css The layout background info is here: All DIVs, one div id=wrapper holds everything. Three rows marked by DIVs that contain content are div class=INDEX-row-one, div class=INDEX-row-two and div class=INDEX-row-three. The problem is happening in: The div class=INDEX-row-one. There are three elements which are all set to float:left; Two are images, and then in the middle there is two more images, the top one wrapped in an anchor, then a second image and then the row of navigation rollovers are in the div class=INDEX-nav. The problem is that there is space inbetween these three element in the middle section of my first row. Browsers: Seems to be working fine in IE6/Win but the same spacing issue is happening across all other modern browsers. Any help much appreciated. __ css-discuss [EMAIL PROTECTED] 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/
[css-d] background-color will not set transperant in Mozilla browsers
The URL is http://www.parenteducation.org/ On the front page there is a photo of a little girl. Her hair is getting cut off for some reason in Moz browsers. The photo is a background-image set on the content-wrap div. The other div in question is the content-rc div. I've tried setting: background: 0; background-color: transperant; Nothing seems to work on Mozilla based browsers. Any help would be greatly appreciated. -Matthew __ css-discuss [EMAIL PROTECTED] 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/
Re: [css-d] IE6 DIV spacing bug
Thanks to Holly and David. Big thanks. I couldn't get rid of the height on the body DIV since it has a background-image applied to it. However, as soon as I applied display: block to the img in the hdr DIV my problems were over. Thank you guys both very much! -Matthew On 6/7/05, Holly Bergevin [EMAIL PROTECTED] wrote: From: Matthew LaVelle [EMAIL PROTECTED] http://test.cimediagroup.com/ Everything looks fine in all browsers except there's a small space/gap between the hdr DIV and the body DIV in Internet Explorer 6 on Windows machines. Add {display: block;} or {vertical-align: bottom;} to the image in your div with the class of hdr. Using a descendent selector/combinator should work fine, and either one of those properties should clear up the gap in IE. I second David's recommendation to increase the text zoom and see what you think. hth, ~holly __ css-discuss [EMAIL PROTECTED] 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/
[css-d] IE6 DIV spacing bug
I'm working on a simple two column three div layout that can be seen here: http://test.cimediagroup.com/ There is a div id=wrapper and then inside of it there are three DIVs in the following order: div class=sidebar div class=hdr div class=body The first DIV is float: right; while the second and third DIVs are float: left; Everything looks fine in all browsers except there's a small space/gap between the hdr DIV and the body DIV in Internet Explorer 6 on Windows machines. I've tried taking out all the float rules only to find that this is a fairly persistant bug in IE. I had the problem one other time recently and I just ended up positioning the body DIV up like 4px. This was lazy and now I'm paying for it because this particular layout has some lines in it and the lazy workaround will not do this time. Any help would be greatly appriceiated. -Matthew __ css-discuss [EMAIL PROTECTED] 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/