RE: [WSG] IE float/background - I am stumped

2007-11-17 Thread Likely, James A. 
Sorry I forgot to add the link.

http://joekiosk.com/whs/inside.html

View this in any other browser it works. But look in IE6 and you will see what 
I am talking about.

Thanks

James


-Original Message-
From: [EMAIL PROTECTED] on behalf of Likely, James A.
Sent: Sat 11/17/2007 10:57 AM
To: wsg@webstandardsgroup.org
Subject: [WSG] IE float/background - I am stumped
 
 
I am working on some new templates and am having a hard time figuring out what 
is going on. I all browsers it works as it should but in IE6 it is not. From 
the look sof it, the background image is going over top of the floating divs.

If I take out the background from:


#content {
margin: 0;
padding: 0 20px 0 20px;
position: relative;
background: url(../images/back-content.gif);
}

It will work fine. I have never seen where a background image goes over top of 
the text.

Any one have any suggestions on how to fix this?

Thanks

James


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] IE float/background - I am stumped

2007-11-17 Thread akella 
Hi James
I guess removing position:relative for #content will help.

Another option is to set position:relative for your floats. May be you
will need to play a bit with z-index after that.

it would be great if you could upload this code to the internet for us
to see the problem.

hth



On 11/17/07, Likely, James A. [EMAIL PROTECTED] wrote:




 I am working on some new templates and am having a hard time figuring out
 what is going on. I all browsers it works as it should but in IE6 it is not.
 From the look sof it, the background image is going over top of the floating
 divs.

  If I take out the background from:


  #content {
  margin: 0;
  padding: 0 20px 0 20px;
  position: relative;
  background: url(../images/back-content.gif);
  }

  It will work fine. I have never seen where a background image goes over top
 of the text.

  Any one have any suggestions on how to fix this?

  Thanks

  James
 ***
 List Guidelines:
 http://webstandardsgroup.org/mail/guidelines.cfm
 Unsubscribe:
 http://webstandardsgroup.org/join/unsubscribe.cfm
 Help: [EMAIL PROTECTED]
 ***


-- 
С уважением,
Юрий akella Артюх
http://cssing.org.ua

***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***