Re: [css-d] IE Problem - logo appearing on top of text
On 8/31/10 10:18 PM, Timariane Thornewig wrote: 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? There are fixes for 24-bit transparent PNGs, but most use a Microsoft filter that does not allow for positioning other that top left or stretch to cover. My recommendation would be to use a transparent PNG-8 or GIF for IE 6, via an IE-only style sheet or using the star HTML hack.[1] If you are happy with a scripting solution, I believe DD_belatedPNG.js does allow positioning: http://dillerdesign.com/experiment/DD_belatedPNG/ I've not tried this though. Cordially, David -- [1] See article on filters at Wikipedia: http://en.wikipedia.org/wiki/CSS_filters __ 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
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/
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/
Re: [css-d] IE Problem - logo appearing on top of text
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 -- :: desktop and mobile :: http://chelseacreekstudio.com/ __ 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
--- 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/
Re: [css-d] IE Problem - logo appearing on top of text
On Mon, 30 Aug 2010, 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! It's worse! http://cfajohnson.com/testing/Thornewig.jpg -- Chris F.A. Johnson, http://cfajohnson.com Author: Pro Bash Programming: Scripting the GNU/Linux Shell (2009, Apress) Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) __ 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
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/