[WSG] Ie7 test?

2010-02-18 Thread Joseph Taylor 

Can anyone guess why the columns overlap?

http://freemealcenter.com

Thanks!

Sent via iPhone:

Joseph R. B. Taylor
Designer/Developer
---
Sites by Joe, LLC
Clean, Simple  Elegant Web Design
http://sitesbyjoe.com
Phone: (609) 335-3076



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***

Re: [WSG] Ie7 test?

2010-02-18 Thread tee 
 
On Feb 18, 2010, at 12:13 PM, Joseph Taylor wrote:

 Can anyone guess why the columns overlap?
 
 http://freemealcenter.com
 
 IE7 is confused when you have float and fixed position sat together, the width 
it moved away from is exactly double the width you declared, as if it triggered 
the double margin bug.  Add an extra div within left_column, and declare the 
position:fixed in the new div instead. Those hasLayout tricks might work too if 
you don't want an extra div.

.left_column { width: 220px; float: left;  }
.ie7-fix {position: fixed;width: 220px;}


div class=left_column
div class=ie7-fix
..
/div
/div

tee

***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***

RE: [WSG] Ie7 test?

2010-02-18 Thread Thierry Koblentz 
 Can anyone guess why the columns overlap?
 
 http://freemealcenter.com



The first thing I'd try is to remove the float declaration on the fixed
element


--
Regards,
Thierry 
www.tjkdesign.com | www.ez-css.org






***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***

RE: [WSG] Ie7 test?

2010-02-18 Thread Kepler Gelotte 
 Add an extra div within left_column, and declare the position:fixed 
 in the new div instead.

Or, since you already have an extra div, add this to screen.css:

.left_column { width: 220px; float: left; }
.left_column .column_cushion { width: 180px; position: fixed; }

Best regards,

Kepler Gelotte
Neighbor Webmaster, Inc.
156 Normandy Dr., Piscataway, NJ 08854
www.neighborwebmaster.com
phone/fax: (732) 302-0904




***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***

RE: [WSG] Ie7 test?

2010-02-18 Thread Thierry Koblentz 
  Add an extra div within left_column, and declare the position:fixed
  in the new div instead.
 
 Or, since you already have an extra div, add this to screen.css:
 
 .left_column { width: 220px; float: left; }
 .left_column .column_cushion { width: 180px; position: fixed; }

I don't think there is a need for an extra div in there.
The way I understand the styling, the float is only needed for IE6.
So either Joseph should hide that float declaration from other browsers or
simply replace this rule:

.left_column {
  float:left;
  position:fixed;
  width:220px;
}

With this one:
.left_column {
  position:absolute;
  position:fixed;
  width:220px;
}


--
Regards,
Thierry 
www.tjkdesign.com | www.ez-css.org






***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***