#1
  1. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jun 2010
    Posts
    1
    Rep Power
    0

    IE7 (and older) & Safari (Mac) compatibility issues


    I'm working on a site and am getting some margin errors in the header. It all is aligned in Chrome, FF, IE8, Safari on Windows, etc... but IE7 or earlier and Safari on mac is not aligning the margins properly.



    the part that is messed up is what is labeled as desc2 in the header section.

    It won't left (or even right) align. In the problem browsers, it sends the text off to the center of the header. it would make much more sense if I could show you, but apparently I'm not allowed to post links.

    anyone have any suggestions?

    Here is the code section i'm working with:

    <code>/***** Header ********************/

    #header {
    margin: 0 auto 0;
    padding: 0;
    height: 42px;
    }

    #desc2 {
    color: #000000;
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    float: right;
    margin: 0 290px 10px 0;
    }

    #header .wrap {
    width: 840px;
    height: 10px;
    margin: 0 auto 0;
    }
    </code>
  2. #2
  3. No Profile Picture
    http://stealthwd.ca
    Devshed Novice (500 - 999 posts)

    Join Date
    Dec 2005
    Posts
    707
    Rep Power
    205
    Originally Posted by melfelk
    I'm working on a site and am getting some margin errors in the header. It all is aligned in Chrome, FF, IE8, Safari on Windows, etc... but IE7 or earlier and Safari on mac is not aligning the margins properly.



    the part that is messed up is what is labeled as desc2 in the header section.

    It won't left (or even right) align. In the problem browsers, it sends the text off to the center of the header. it would make much more sense if I could show you, but apparently I'm not allowed to post links.

    anyone have any suggestions?

    Here is the code section i'm working with:

    <code>/***** Header ********************/

    #header {
    margin: 0 auto 0;
    padding: 0;
    height: 42px;
    }

    #desc2 {
    color: #000000;
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    float: right;
    margin: 0 290px 10px 0;
    }

    #header .wrap {
    width: 840px;
    height: 10px;
    margin: 0 auto 0;
    }
    </code>
    This reeeeaaallly isn't enough for me to go by :S. If you want more help email me your link at jaredfedorchuk@hotmail.com

IMN logo majestic logo threadwatch logo seochat tools logo