Div's and table issues in IE

Discussion in 'CSS' started by NewComputer, Feb 26, 2005.

  1. #1
    Hey gang,

    I am having some trouble figuring this out. I have it working wonderfully in FF, but IE is pissing me off. If anyone can help me. Basically, the nav on the left is forcing down the other two div.'s. I have it working here www.optimalwebconsulting.com, but I cannot get it to work here. What am I missing? Thanks!

    body {
    margin-left: 0px;
    margin-right: auto;
    width: 100%;
    background-color: #000;
    font-size: 12px;
    font-family: verdana, geneva, sans-serif;
    color: white;
    }

    #topbanner {
    width: 816px;
    height: 137px;
    color: #000;
    background: #000;
    background: url(images/topbanner.jpg) no-repeat top left;
    float: left;
    }

    #content {
    width: 830px;
    height: 100%;
    background: #000;
    float: left;
    }

    #more {
    width: 830px;
    height: 100%;
    background: #000;
    float: left;
    }

    #nav-menu ul {
    list-style: none;
    padding: 0px;
    margin: 0;
    font-weight: bolder;
    float: left;
    width: 160px;
    }

    #nav-menu li a{
    height: 2em;
    line-height: 2em;
    float: left;
    display: block;
    border: 0.1em solid #fff;
    color: #C0C0C0;
    text-decoration: none;
    text-align: left;
    padding-left: 4px;
    width: 160px; /* bug in IE; must be in px (150-(5+5)-(1+1)) */
    }

    #nav-menu li a:hover{
    background: url(images/background.gif) #000 bottom left repeat-x;
    color: white;
    }

    #midinfo {
    width: 343px;
    float: left;
    margin: 165px;
    }

    #farright {
    width: 100%;
    float: right;
    }


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <title>Travis Dyck</title>
    <meta NAME="description" CONTENT="Abbotsford Pilots Player">
    <meta NAME="keywords" CONTENT="Travis Dyck">
    <meta name="rating" content="General">
    <meta name="robots" content="index,follow">
    <meta name="revisit-after" content="10 days">
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <link rel="shortcut icon" href="http://members.shaw.ca/abbotsfordpilots/favicon.ico">
    <link type="text/css" rel="stylesheet" href="abbotsford-pilots.css">
    </head>
    <body>
    <div id="main">
    <div id="topbanner"></div>
    <div id="content">
    <div id="more">
    <div id="nav-menu"><ul align="left">
    <li><a href="http://members.shaw.ca/abbotsfordpilots/index.html">Home</a></li>
    <li><a href="http://members.shaw.ca/abbotsfordpilots/organization.html">Organization</a></li>
    <li><a href="http://members.shaw.ca/abbotsfordpilots/roster.html">Roster</a></li>
    <li><a href="http://members.shaw.ca/abbotsfordpilots/ticket_info.html">Ticket Information</a></li>
    <li><a href="#">Merchandise</a></li>
    <li><a href="http://members.shaw.ca/abbotsfordpilots/season_schedule.html">Season Schedule</a></li>
    <li><a href="http://members.shaw.ca/abbotsfordpilots/playoff_schedule.html">Playoff Schedule</a></li>
    <li><a href="#">Team Stats</a></li>
    <li><a href="http://members.shaw.ca/abbotsfordpilots/player_stats.html">Player Stats</a></li>
    <li><a href="#">Player Profiles</a></li>
    <li><a href="#">Sponsors</a></li>
    <li><a href="http://members.shaw.ca/abbotsfordpilots/players_awards.html">Player Awards</a></li>
    <li><a href="#">Broadcast Info</a></li>
    <li><a href="#">Booster Club</a></li>
    <li><a href="http://members.shaw.ca/abbotsfordpilots/links.html">Links</a></li>
    <li><a href="#">Affiliation</a></li>
    <li><a href="#">Memorial</a></li>
    <li><a href="http://members.shaw.ca/abbotsfordpilots/guest_book.html">Guest Book</a></li>
    <li><a href="mailto:abbotsfordpilots@shaw.ca">Contact us</a></li>

    </ul></div>
    <div id="midinfo"><img src="images/travis-dyck.jpg"><h2> Season Statistics</h2><table border="1">
    <tr>
    <td align="center" width="90"><font color="#ffffff" face="Impact">Season</font></td>
    <td align="center"><font color="#ffffff" face="Impact">Team</font></td>
    <td align="center"><font color="#ffffff" face="Impact">GP</font></td>
    <td align="center"><font color="#ffffff" face="Impact">W</font></td>
    <td align="center"><font color="#ffffff" face="Impact">L</font></td>
    <td align="center"><font color="#ffffff" face="Impact">T</font></td>
    <td align="center"><font color="#ffffff" face="Impact">GA</font></td>
    <td align="center"><font face="Impact" color="#ffffff">AVG</font></td>
    <td align="center"><font color="#ffffff" face="Impact">SV %</font></td>
    <td align="center"><font face="Impact" color="#ffffff">SO</font></td>
    <td align="center"><font color="#ffffff" face="Impact">PIM</font></td>
    </tr>
    <tr>
    <td width="90"><font color="#ffffff">2004-2005</font></td>
    <td><font color="#ffffff">Pilots</font></td>
    <td align="center"><font color="#ffffff">33</font></td>
    <td align="center"><font color="#ffffff">23</font></td>
    <td align="center"><font color="#ffffff">6</font></td>
    <td align="center"><font color="#ffffff">2</font></td>
    <td align="center"><font color="#ffffff">76</font></td>
    <td align="center"><font color="#ffffff">2.26</font></td>
    <td align="center"><font color="#ffffff">0.92</font></td>
    <td align="center"><font color="#ffffff">3</font></td>
    <td align="center"><font color="#ffffff">6</font></td>
    </tr>
    <tr>
    <td width="90"><font color="#ffffff">2003-2004</font></td>
    <td><font color="#ffffff">Saanich</font></td>
    <td align="center"><font color="#ffffff">15</font></td>
    <td align="center">&nbsp;</td>
    <td align="center">&nbsp;</td>
    <td align="center">&nbsp;</td>
    <td align="center">&nbsp;</td>
    <td align="center"><font color="#ffffff">3.90</font></td>
    <td align="center"><font color="#ffffff">0.86</font></td>
    <td align="center">&nbsp;</td>
    <td align="center">&nbsp;</td>
    </tr>
    </table></div>
    <div id="farright"><p align="left">Birthdate - October 29, 1985<br>
    Height - 5'10"<br>
    Weight - 200 pounds<br>
    Hometown - Abbotsford<br>
    Position - Goalie<br>
    Last Team - Saanich Braves Jr B <br>
    Best Career Moment - Playing BC Best Ever under 17<br>
    Hockey Goals - Play College hockey<br>
    Favourite Movie -Anchor Man<br>
    Favourite NHL Player - Alex Auld, Corey Hirsch<br></p></div>
    </div>
    </div>
    </div>
    </body>
    </html>
     
    NewComputer, Feb 26, 2005 IP
  2. Jamie

    Jamie Peon

    Messages:
    10
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    NewComputer, it would be much more clear if you could put this in to a file and upload so we can see the problem visually. Hopefully then somebody will have an answer.
     
    Jamie, Mar 3, 2005 IP
  3. NewComputer

    NewComputer Well-Known Member

    Messages:
    2,021
    Likes Received:
    68
    Best Answers:
    0
    Trophy Points:
    188
    #3
    Jamie,

    I have gone away from the all div idea and I am now incorporating div, tables etc... So much easier that way:)
     
    NewComputer, Mar 3, 2005 IP
  4. SEbasic

    SEbasic Peon

    Messages:
    6,317
    Likes Received:
    318
    Best Answers:
    0
    Trophy Points:
    0
    #4
    But no where near as clean :D
     
    SEbasic, Mar 3, 2005 IP
  5. NewComputer

    NewComputer Well-Known Member

    Messages:
    2,021
    Likes Received:
    68
    Best Answers:
    0
    Trophy Points:
    188
    #5
    SO AGREE....

    I just do not have enough experience to play around with this while I am trying to get this customers site together.
     
    NewComputer, Mar 3, 2005 IP
  6. Jamie

    Jamie Peon

    Messages:
    10
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #6
    Sure thing. Just make a free spot to play around with it on test sites in the mean time then soon enough customers sites will follow suit.
     
    Jamie, Mar 3, 2005 IP