Textpattern CMS

#1 2007-01-31 14:08:13

yonnermark

Member

Registered: 2006-03-23

Posts: 35

Please help trroubleshout this CSS (IE problem)

Here is the relevent bit of css code:

#message {width: 80%;}
#frame { width:816px; margin-right:auto; margin-left:auto;margin-top:10px; padding:0px; text-align:left; background:white;}
#contentleft {width:175px; padding-top:15px; float:left; color: #606263;}
#contentcenter {width:400px; padding:0px 25px 0px 15px; float:left; border-right:1px #666;}
#contentright {width:175px; padding:0px; float:left; background:#fff; color: #606263; }
#contentheader {background:#fff; padding-left:180px; }

but the right column is jumping to the bottom of the screen when viewed with IE. It is fine with firefox, safari and camino
Thanks for any help
Mark

#2 2007-01-31 16:12:56

DigitalRealm

Member

From: Greenville, SC

Registered: 2006-07-22

Posts: 139

Website

Re: Please help trroubleshout this CSS (IE problem)

You will need to play around with your widths a bit to get your elements to float correctly in IE. IE is very picky about widths, especially when they all combine to be exact pixel widths. This will usually blow IE up, so play around with your widths, paddings until all looks well in IE, then tweak it for the other browsers.