#1
  1. No Profile Picture
    Junior Member
    Devshed Newbie (0 - 499 posts)

    Join Date
    Nov 2003
    Posts
    6
    Rep Power
    0

    IE 5.x mac CSS display help needed


    Hey,
    I'm doing smash and grab facelift on one of my schools websites and did the whole thing in CSS and xhtml. It works exactly as expected accept in mac 5.x. In mac the nav bar on the right always appears at the top of the main div. I'm assuming this is the bug i've read about with nesting divs that exists in IE mac, but i'm wondering if anyone here has a good fix to this. I realize i could probably make all my positioning absolute, but i liked haveing the page centered and have tried to avoid any JS on this page.

    i have the site temp hosted at...
    the site

    the html...

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
    <title>StuCo :: Student College</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <link href="attributes/StuCoLayout.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
    <div id="main">
    <iframe name="content" scrolling="yes" allowtransparency="true" id="content" src="content/welcome.htm" frameborder="0"></iframe>
    <div id="nav">
    <a href="content/welcome.htm" target="content">welcome</a>
    <a href="content/take.htm" target="content">take a course</a>
    <a href="content/teach.htm" target="content">teach a course</a>
    <a href="content/join.htm" target="content">join StuCo</a>
    <a href="content/catalog.htm" target="content">course catalog</a>
    <a href="content/dates.htm" target="content">important dates</a>
    <a href="content/faq.htm" target="content">frequently asked questions</a>
    <a href="content/about.htm" target="content">about StuCo</a>
    <a href="content/contact.htm" target="content">contact us</a>
    </div>

    </div>


    </body>
    </html>

    and the positional style sheet...

    html, body{
    background-color: #000000;
    }

    #main{
    background-image:url(background.jpg);
    background-repeat: no-repeat;
    height: 545px;
    width: 573px;
    position:static;
    margin-right:auto;
    margin-left:auto;
    margin-top:20px;
    padding:0px;
    display:block;
    }

    #content{
    height: 400px;
    width: 411px;
    float:left;
    margin-left:20px;
    margin-top:122px;
    padding:0px;
    z-index: 100;
    filter: chroma (color=#6B761E);
    clear:both;
    }

    #nav{
    height:400px;
    width: 109px;
    margin-top:122px;
    margin-right:9px;
    float:right;
    padding: 0px;
    font:12px Verdana, sans-serif;
    }

    html>body #nav{
    margin-right:18px;
    }

    #nav a {
    display: block;
    text-align: right;
    font: normal 12px Verdana, sans-serif;
    padding: 5px 5px;
    text-decoration: none;
    color: #000000;
    border-top: 0px;
    border-right: 10px solid #E6DAB8;
    border-bottom: 1px solid #000000;
    }
    #nav a:hover {

    color: #000000;
    background: #C08E70;
    border-right: 10px solid #A82B24;
    }


    thanks,

    ben

    [edit: repaired the link.. made a name change on my primary file]
    Last edited by oluckboy; November 21st, 2003 at 01:44 AM.
  2. #2
  3. No Profile Picture
    Junior Member
    Devshed Newbie (0 - 499 posts)

    Join Date
    Nov 2003
    Posts
    6
    Rep Power
    0
    no one has any idea?
  4. #3
  5. Thanks Johnny Hart (BC) R.I.P.

    Join Date
    May 2003
    Location
    Dallas
    Posts
    5,268
    Rep Power
    1955
    Please allow more than 6 hrs. This is not paid support. Besides, there are probably not a whole lot of IE5.x/Mac users. Give it a chance to go through everyone's daily cycle.

    Secondly, if you have a suspicion, have you researched it? STFW.

    Thirdly, I'm feeling like be nice to the Mac guy. So, look at this and this.

    cheers,

    gary
    There are those who manage to build a web site without knowing what they're doing; thereby proving to themselves they do, indeed, know what they're doing.

    My html and css workshop, demos and tutorials.
    Ask a better question, get a better answer.
  6. #4
  7. No Profile Picture
    Junior Member
    Devshed Newbie (0 - 499 posts)

    Join Date
    Nov 2003
    Posts
    6
    Rep Power
    0
    i actually sorted it out.. i swapped the top-margin of the nav and content cells for top-padding of the main cell and now everything seems to be working out fine. Not sure why IE mac was rendering it wrong, but that fixed it.

    The above post was really just shameless bumping on my part.

    and i'm anything but a mac guy, but all unfortunately i can't make everyone follow my creed of PCs and firebird so i do my best to make it cross browser compatible..
  8. #5
  9. Thanks Johnny Hart (BC) R.I.P.

    Join Date
    May 2003
    Location
    Dallas
    Posts
    5,268
    Rep Power
    1955
    Forgot to mention that your link seems broken--404 error. If you've taken it down, you might edit the post to reflect that.

    Seems like an elegant hack. Don't think it would have occured to me. I don't know how it would be a problem, but remember that margins are transparent, while padding is the background color of its container.

    cheers,

    gary
    There are those who manage to build a web site without knowing what they're doing; thereby proving to themselves they do, indeed, know what they're doing.

    My html and css workshop, demos and tutorials.
    Ask a better question, get a better answer.

IMN logo majestic logo threadwatch logo seochat tools logo