works in firefox but not internet explorer?

Page 1 of 1

4 Replies - 1848 Views - Last Post: 21 November 2010 - 05:23 PM

#1 Tangela  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 47
  • Joined: 08-October 10

works in firefox but not internet explorer?

Posted 20 November 2010 - 12:19 PM

When I run my website in fire fox it works perfect. But when I run it in internet explorer 7 and 8 it bugs out(I know why the flash banner does not work because I don't have flash for internet explorer).

Firefox:
Posted Image

Internet Explorer:
Posted Image

Here is my code:

style.css:
body 
{
	background-color:#3a0f11;
	background-image:url(images/background.gif);
	background-repeat:repeat-x;
}

#contentcontainer
{
	float:bottom;
	margin: 0px auto;
	width:967px;
	z-index:1;
}

#banner
{
	float:top;
	width:967px;
	height:200px;
}

#topbar
{
	width:967px;
	height:14px;
	background-image:url(images/top.gif);
}

#leftbuttonbar
{	
	float:left;
	width:9px;
	height:47px;
	background-image:url(images/leftButtonBar.gif);
}

#hometab
{
	float:left;
	width:60px;
	height:47px;
	background-image:url(images/homeTab.gif);
}
#resourcestab
{
	float:left;
	width:155px;
	height:47px;
	background-image:url(images/resourcesTab.gif);
}

#teaminfotab
{
	float:left;
	width:162px;
	height:47px;
	background-image:url(images/teamInfoTab.gif);
}

#firsttab
{
	float:left;
	width:164px;
	height:47px;
	background-image:url(images/firstTab.gif);
}

#rightbuttonbar
{
	float:left;
	width:417px;
	height:47px;
	background-image:url(images/rightButtonBar.gif);
}

#contentheader
{
	float:left;
	width:967px;
	height:20px;
	background-image:url(images/contentBar.gif);
}

#contentbackground
{
	float:left;
	width:967px;
	min-height:613px;
	background-image:url(images/contentBackground.gif);
	background-repeat:repeat-y;
}

#leftcontentbar
{
	float:left;
	width:7px;
}

#space
{
	float:left;
	width:10px;
	min-height:613px;
}

#contentbuttons
{
	float:left;
	width:192px;
	min-height:613px;
}

#toptextbutton
{
	margin-top:10px;
	margin-left:30px;
}

#textbutton
{
	margin-top:5px;
	margin-left:30px;
}

#topcontentbutton
{
	float:left;
	width:192px;
	height:37px;
	background-image:url(images/topContentButton.gif);
}

#middlecontentbutton
{
	float:left;
	width:192px;
	height:31px;
	background-image:url(images/middleContentButton.gif);
}

#bottomcontentbutton
{
	float:left;
	width:192px;
	height:38px;
	background-image:url(images/bottomContentButton.gif);
}

#content
{
	float:left;
	width:741px;
	min-height:613px;
}

#rightcontentbar
{
	float:left;
	width:7px;
	min-height:613px;
}

#bottombar
{
	float:left;
	width:967px;
	height:14px;
	background-image:url(images/bottom.gif);
}


Resources.html:
<html>

	<head>

		<link href="style.css" rel="stylesheet" type="text/css">
		<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
		
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
		<script type="text/javascript" src="swfobject.js"></script>

	</head>
	<body> 
		
		<div id="contentcontainer">
			
			<div id="banner" align="center">
				<script type="text/javascript">
				AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','600','height','200','src','banner','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','wmode','transparent','movie','banner' ); //end AC code
				</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="600" height="200">
				  <param name="movie" value="banner.swf" />
				  <param name="quality" value="high" />
				  <param name="WMODE" value="transparent" />
				  <embed src="banner.swf" width="600" height="200" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" wmode="transparent"></embed>
				</object>
				</noscript>
			</div>
			
			<div id="topbar"></div>
			
			<div id="leftbuttonbar"></div>
			
			<div id="hometab"><a href="index.html"><img src="images/homeButton.gif" border="0"></a></div>
			<div id="resourcestab"></div>
			<div id="teaminfotab"><a href="team.html"><img src="images/teamInfoButton.gif" border="0"></a></div>
			<div id="firsttab"><a href="first.html"><img src="images/firstButton.gif" border="0"></a></div>
			
			<div id="rightbuttonbar"></div>
			
			<div id="contentheader"></div>
			
			<div id="contentBackground">
			
			<div id="leftcontentbar"></div>
			
			<div id="space"></div>
			
			<div id="contentbuttons">
				<div id="topcontentbutton"><div id="toptextbutton"></div></div>
				<div id="middlecontentbutton"><div id="textbutton"></div></div>
				<div id="middlecontentbutton"><div id="textbutton"></div></div>
				<div id="middlecontentbutton"><div id="textbutton"></div></div>
				<div id="bottomcontentbutton"><div id="textbutton"></div></div>
			</div>

			<div id="space"></div>
			
			<div id="content">
			  <p>
</p>
			</div>

			<div id="rightcontentbar"></div>
			
			</div>
			
			<div id="bottombar"></div>
			
			<script src="sponsors.js" type="text/javascript"></script>
			
		</div>

	</body>
</html>


Is This A Good Question/Topic? 0
  • +

Replies To: works in firefox but not internet explorer?

#2 drhowarddrfine  Icon User is offline

  • D.I.C Regular

Reputation: 39
  • View blog
  • Posts: 275
  • Joined: 28-July 10

Re: works in firefox but not internet explorer?

Posted 20 November 2010 - 03:20 PM

Having problems with IE is expected and the norm. Inept at best, it's the worst browser on the planet.

If that's all your markup, then you are missing a doctype and are in quirks mode. Add this as your first line:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
Was This Post Helpful? 2
  • +
  • -

#3 Dormilich  Icon User is online

  • 痛覚残留
  • member icon

Reputation: 2894
  • View blog
  • Posts: 7,541
  • Joined: 08-June 10

Re: works in firefox but not internet explorer?

Posted 20 November 2010 - 06:30 PM

PS. there is no such thing as float: bottom; or float: top; (it wouldn’t make sense either)
Was This Post Helpful? 0
  • +
  • -

#4 Shado3225  Icon User is offline

  • D.I.C Regular

Reputation: 17
  • View blog
  • Posts: 325
  • Joined: 23-February 10

Re: works in firefox but not internet explorer?

Posted 21 November 2010 - 01:55 AM

You should read up on IE bugs and fixes.

To fix your banner use 

#banner
{
margin:0px auto;
width:967px;
height:200px;
}

<div id="banner">


The margin with centre your banner container. I see your banner is shorter than the container that holds it so I suggest making the width of the container = to the banner.
Was This Post Helpful? 0
  • +
  • -

#5 Tangela  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 47
  • Joined: 08-October 10

Re: works in firefox but not internet explorer?

Posted 21 November 2010 - 05:23 PM

i got it working thanks a lot
Was This Post Helpful? 0
  • +
  • -
Page 1 of 1