Announcement

Collapse
No announcement yet.

mac ie and css....

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • mac ie and css....

    If you look at the attached file pictures you will see the problem i'm having with mac ie.

    I am wondering how to fix it. It's buggin the crap out of me. I've tried everyhing that i can think of. attached in the zip file is the two css sheets and the test html file that you see.

    thanks in advance.

    Jon
    Attached Files
    Jon Whitcraft
    Internal Systems Engineer - SugarCRM

  • #2
    I have the same problems not on a Mac but on Windows XP but only on one computer (IE 6)...
    It would be very nice to get some help

    (i think it has something to do with the floating, the box-model and IE...)
    That's the end of that!

    Comment


    • #3
      Ok so i figure this out.

      I have a clear: both in my css and ie on mac was making all sub elemete inherit them. so i changed it to clear: right; and it works great now.

      attached is my new css sheet.

      Code:
       #container {
       	width: auto;
       	margin: 0px;
       	padding: 0px;
       	padding-top: 30px;
       	min-width: 800px;
       	width:expression(document.body.clientWidth < 800? "800px": "auto" );
       }
       
       * html #container {
       	padding-top: 30px;
       	width:expression(document.body.clientWidth < 800? "800px": "auto" );
       }
       
       #top {
       	margin: 0px;
       	padding: 0px;
       	width:expression(document.body.clientWidth < 800? "800px": "auto" );
       }
       
       #middle {
       	clear: right;
       	padding: 0px;
       	margin-left: 165px;
       	width:expression( 
       	document.body.clientWidth > (800/12) * 
       	parseInt(document.body.currentStyle.fontSize)?
       		document.body.clientWidth - 169 + "px":
       		"600px" );
       }
       
       #left {
       	float: left;
       	width:150px;
       	\width: 160px;
       	w\idth: 150px;
       	margin: 0;
       	margin-top: -25px;
       	margin-right: 0px;
       	padding: 0px;
       }
       
       
       #right {
       	display: none;
       	clear: right;
       	float: right;
       	width: 150px;
       	\width: 160px;
       	w\idth: 150px;
       	margin: 0;
       	margin-left: 0px;
       	padding: 0px;
       }
       
       #footer {
       	clear: both;
       	text-align: center;
       	margin-top: 15px;
       	border: solid #000099;
       	border-width:1px 0;
       }
      Jon Whitcraft
      Internal Systems Engineer - SugarCRM

      Comment

      Related Topics

      Collapse

      Working...
      X