SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Member
    Join Date
    Jun 2005
    Posts
    1
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    IE Mac Float Problem...HELP!! =)

    I am having trouble getting <div id="homehead">&nbsp;</div> , to line up left, in IE MAC Explorer. It lines up left in PC IE, Safari and Netscape, but drops to the bottom in IE MAC Explorer...any ideas??

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Untitled Document</title>

    <style type="text/css" media="screen">
    <!--

    body
    {
    background-color:#003300
    }

    #content
    {
    font-size: 11px;
    font-family: Verdana, Geneva, Arial, sans-serif;
    line-height: 14px;
    background-color:#003300
    text-align: left;
    visibility: visible;
    margin-top: 40px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    width: 760px
    }

    #leather
    {
    position: relative;
    padding: 0px;
    margin-top: 10px;
    width: 191px;
    float: left;
    background-image: url(images/home_leftnav.jpg);
    height: 558px;
    }

    #top1
    {
    background-color: #FFFFFF;
    position: relative;
    padding: 0px;
    margin-top: 10px;
    width: 189px;
    float: left;
    margin-left: 0px;
    margin-bottom: 0px;
    background-image: url(images/home_top1.jpg);
    height: 108px;
    }

    #top2
    {
    background-color: #FFFFFF;
    position: relative;
    padding: 0px;
    margin-top: 10px;
    width: 190px;
    float: left;
    margin-left: 0px;
    margin-bottom: 0px;
    background-image: url(images/home_top2.jpg);
    height: 108px;
    }

    #top3
    {
    background-color: #FFFFFF;
    position: relative;
    padding: 0px;
    margin-top: 10px;
    width: 190px;
    float: left;
    margin-left: 0px;
    margin-bottom: 0px;
    background-image: url(images/home_top3.jpg);
    height: 108px;
    }

    #homehead
    {
    background-color: #FFFFFF;
    position: relative;
    padding: 0px;
    margin-top: 0px;
    width: 569px;
    float: left;
    margin-left: 0px;
    margin-bottom: 0px;
    background-image: url(images/home_headline.jpg);
    height: 141px;
    vertical-align: top;
    }

    -->
    </style>
    </head>

    <body>
    <div align="center">
    <div id="content">

    <div id="leather"><div id="navleft">
    <a href="*.htm" class="nav_1">HOME</a><br/>
    <a href="*.htm" class="nav_1">LOCATION</a><br/>
    <a href="*.htm" class="nav_1">COMMUNITY</a><br/>
    <a href="*.htm" class="nav_1">PROPERTIES</a><br/>
    <a href="*.htm" class="nav_1">HOMES</a><br/>
    <a href="*.htm" class="nav_1">INFRASTRUCTURE</a><br/>
    <a href="*.htm" class="nav_1">CONTACT US</a>
    </div></div>

    <div id="top1">&nbsp;</div>
    <div id="top2">&nbsp;</div>
    <div id="top3">&nbsp;</div>

    <div id="homehead">&nbsp;</div>


    </div></div>
    </body>
    </html>

  2. #2
    SitePoint Enthusiast meltingInPhoenix's Avatar
    Join Date
    May 2005
    Posts
    66
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Where left do you want it to line up? In the container? Or is it supposed to sit up at the top of the page as the header?


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •