Mailboxes - Bob's Free Stuff Forum - Credit Cards - Wp themes - Self Improvement Articles Directory
PDA

View Full Version : Div's and table issues in IE

NewComputer
Feb 26th 2005, 2:31 pm
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>
Jamie
Mar 3rd 2005, 9:42 am
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.
NewComputer
Mar 3rd 2005, 10:53 am
Jamie,

I have gone away from the all div idea and I am now incorporating div, tables etc... So much easier that way:)
SEbasic
Mar 3rd 2005, 10:57 am
But no where near as clean :D
NewComputer
Mar 3rd 2005, 11:01 am
SO AGREE....

I just do not have enough experience to play around with this while I am trying to get this customers site together.
Jamie
Mar 3rd 2005, 11:41 am
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.