[css-d] IE7 and IE6 Problem with Background-Image property using .png
A user just sent over this website for IE bugs that I am grateful to have
shared with me. I fear that I am suffering from the Escaping Background bug in
IE7 and and overall background problem in IE6 because I'm using a .png in my
background.
Here's the link to the bug doc:
http://css-class.com/test/bugs/ie/escaping-background-image-bug1.htm
Here's how you can see the problem I'm experiencing in IE7:
enter http://ipinfo.info/netrenderer/index.php
(this site is particularly helpful for me because I'm on a mac)
at that site in IE8, Render: http://www.ashelighting.com/architectural3.html
then Render the same architectural3.html link in IE7
It appears that I'm having the escape-background-image bug happening.
Here's my body style:
body {
margin: 0;
background-image: url(images/background2.png);
background-color: #22;
background-repeat: no-repeat;
background-position: center;
}
Background2.png is the two horizontal lines at the bottom of the page.
My questions are:
1) Is there any way around this Background-Image Bug that I can use to keep my
image in place for IE7?
2) If so, can you help me figure out why my footer (1 2 3 4 5 6) is also moving?
3) Is there any work around for using a .png in IE6 or earlier?
or... if all of those are thrown out the window
4) Can I implement code that will prompt users to download IE8 upon going to
this site?
__
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/
Re: [css-d] IE Problem - logo appearing on top of text
Thank you, Beth. That worked! You can see it in: http://www.ashelighting.com/controldesign4.html Now I just need to fix my background image problem in IE 6. Does anyone know if there is a way to make .png files appear correctly in IE 6? --- On Tue, 8/31/10, Beth Lee callib...@gmail.com wrote: From: Beth Lee callib...@gmail.com Subject: Re: [css-d] IE Problem - logo appearing on top of text To: Timariane Thornewig timandari...@yahoo.com Cc: jta...@rocketmail.com, css-d@lists.css-discuss.org Date: Tuesday, August 31, 2010, 2:24 AM --- On Tue, 31/8/10, Timariane Thornewig timandari...@yahoo.com wrote: I was wondering if someone can help me out, I'm a newbie. The logo is appearing on top of my text in several versions of IE. and then ... On Mon, Aug 30, 2010 at 7:24 PM, Timariane Thornewig timandari...@yahoo.com wrote: I just tried to adjust the CSS and I created another version of the HTML called: http://www.ashelighting.com/controldesign2.html Float your sidebar div left, and don't float your main div. That fixes it for me. __ 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/ __ 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/
Re: [css-d] IE Problem - logo appearing on top of text
Thanks, Alan. Your solution definitely worked for IE8, but doesn't seem to work for IE7. The link you sent over is full of helpful info on IE bugs. --- On Tue, 8/31/10, Alan Gresley a...@css-class.com wrote: From: Alan Gresley a...@css-class.com Subject: Re: [css-d] IE Problem - logo appearing on top of text To: David Laakso da...@chelseacreekstudio.com Cc: Timariane Thornewig timandari...@yahoo.com, css-d@lists.css-discuss.org, Joel D Canfield j...@bizba6.com Date: Tuesday, August 31, 2010, 4:52 AM David Laakso wrote: Timariane Thornewig wrote: I just tried to adjust the CSS and I created another version of the HTML called: http://www.ashelighting.com/controldesign2.html It's not really solving my problem, but I think I'm getting closer! Unable to hit a moving target :-) . Let it be and make no further changes. Best, ~d The original page had this bug that is present in IE5~IE7. http://css-class.com/test/bugs/ie/5~7/ap-left-auto-margin-left-next-element.htm It happens if a absolutely positioned element with left auto offset is followed in the source by and element with a margin-left. IE5~IE7 positions the absolutely positioned element by the value of margin-left of the following element. To fix the bug, the left offset for the ap. element must be given a value other than auto. left: 0 would fix this bug. IE7- does have troubles with left: auto [1] but this is a strange case. 1. http://css-class.com/test/bugs/ie/calculated-offset-bug1.htm -- Alan http://css-class.com/ Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo __ 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/ __ 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/
[css-d] IE Problem - logo appearing on top of text
Hello, I was wondering if someone can help me out, I'm a newbie. The logo is appearing on top of my text in several versions of IE. http://www.ashelighting.com/controldesign.html I think this is just one of the pages it's happening on. May be happening on other pages of the site. Anyone know of an IE fix for this? Thanks! __ 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/
Re: [css-d] IE Problem - logo appearing on top of text
I just tried to adjust the CSS and I created another version of the HTML called: http://www.ashelighting.com/controldesign2.html It's not really solving my problem, but I think I'm getting closer! --- On Tue, 8/31/10, Timariane Thornewig timandari...@yahoo.com wrote: From: Timariane Thornewig timandari...@yahoo.com Subject: Re: [css-d] IE Problem - logo appearing on top of text To: css-d@lists.css-discuss.org, jta...@rocketmail.com Date: Tuesday, August 31, 2010, 1:08 AM Thanks, Jay. I'm looking at screenshots from IE 7 and IE 6. Sorry, I keep forgetting IE 8 is out. I'm attaching my screenshots. --- On Tue, 8/31/10, Jay Tanna jta...@rocketmail.com wrote: From: Jay Tanna jta...@rocketmail.com Subject: Re: [css-d] IE Problem - logo appearing on top of text To: css-d@lists.css-discuss.org, Timariane Thornewig timandari...@yahoo.com Date: Tuesday, August 31, 2010, 1:00 AM The page is identical in Mozilla 3.6.8 and IE8. What version of IE have you tested in? IE8 screen shot is here: http://lh4.ggpht.com/_K3_a3GBHwyA/THxTkgeRM0I/ADw/9cNUSd8puwo/s640/31-08-2010%2001-51-58.png hth --- On Tue, 31/8/10, Timariane Thornewig timandari...@yahoo.com wrote: I was wondering if someone can help me out, I'm a newbie. The logo is appearing on top of my text in several versions of IE. http://www.ashelighting.com/controldesign.html I think this is just one of the pages it's happening on. May be happening on other pages of the site. Anyone know of an IE fix for this? __ 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/
[css-d] Negative margins to align button images over top of swf in Firefox
This is my first post so please be easy on me. I'll try to make this brief. I am working with negative margins to position button images over top of a swf. I have sucessfully aligned the button images in many different browsers, except for Firefox. I'm just not sure if there's a bit of code that I can put in my CSS that's just for Firefox? Please look at the HOME and CONTACT buttons. Here's the URL: www.jamieledentphotography.com/galleries.html __ 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/
