1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

Div's and table issues in IE

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

0
  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