[css-d] IE Problem - logo appearing on top of text

[Timariane Thornewig]

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

[Jay Tanna]

The page is identical in Mozilla 3.6.8 and IE8.  What version of IE have you 
tested in?

IE8 screen shot is here:



hth

--- On Tue, 31/8/10, Timariane Thornewig  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]

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  wrote:

From: Timariane Thornewig 
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  wrote:

From: Jay Tanna 
Subject: Re: [css-d] IE Problem - logo appearing on top of text
To: css-d@lists.css-discuss.org, "Timariane Thornewig" 
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  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

[David Laakso]

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

[Beth Lee]

> --- On Tue, 31/8/10, Timariane Thornewig  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
 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

[Chris F.A. Johnson]

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! 


--
   Chris F.A. Johnson, 
   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

[Alan Gresley]

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.





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. 


--
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/

Re: [css-d] IE Problem - logo appearing on top of text

[Timariane Thornewig]

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  wrote:

From: Beth Lee 
Subject: Re: [css-d] IE Problem - logo appearing on top of text
To: "Timariane Thornewig" 
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  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
 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

[Timariane Thornewig]

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  wrote:

From: Alan Gresley 
Subject: Re: [css-d] IE Problem - logo appearing on top of text
To: "David Laakso" 
Cc: "Timariane Thornewig" , 
css-d@lists.css-discuss.org, "Joel D Canfield" 
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/

Re: [css-d] IE Problem - logo appearing on top of text

[David Hucklesby]

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/