Wont Work in IE

Dada · 14-11-2008, 02:04 PM

MY websites layout http://www.haburbia.net/ works fine in Firefox, but in IE it looks all demented. I tried fixing it, and i sorta did but then it stopped working in IE and... yeah heaps of stuff happened D:

So anyway heres the code:
index.html

Code:

<HTML>
<HEAD>
<TITLE>HabUrbia.net ~ Habbo AU's Finest</TITLE>
<link href="style.css" rel="stylesheet" type="text/css" />
</HEAD>
<BODY 
    BACKGROUND="images/bg.png"
    BGCOLOR="#FFFFFF"
    TEXT="#000000"
    LINK="#0000FF"
    VLINK="#FF66FF"
    ALINK="#FF0000"
    >
<div id="container">
  <div id="banner"><img src="images/banner.png"></div>
 
<div id="contentcontainer">
 <div id="leftcont">

 <div id="navtop"></div>
  <div id="navmid">br>adsd<br>ds<br>adsd<br>ds<br>adsd<br>ds<br>adsd<br>ds<br>adsd<  </div>
 <div id="navbot"></div>
<div id="spacer1"></div>
 <div id="newstop"></div>
  <div id="newsmid">br>adsd<br>ds<br>adsd<br>ds<br>adsd<br>ds<br>adsd<br>ds<br>adsd<  </div>
 <div id="newsbot"></div>
<div id="spacer1"></div>
 <div id="polltop"></div>
  <div id="pollmid">br>adsd<br>ds<br>adsd<br>ds<br>adsd<br>ds<br>adsd<br>ds<br>adsd<  </div>
 <div id="pollbot"></div>
 </div>
 <div id="centercont"></div>
 <div id="rightcont"></div>
<div id="bottom"></div>
</div>
</div>
</BODY>
</noscript>
<div style="text-align: center;"><div style="position:relative; top:0; margin-right:auto;margin-left:auto; z-index:99999">
</div></div>
</HTML>

style.css
http://www.HabUrbia.net/style.css

Iszak · 14-11-2008, 03:05 PM

Well the reason why it's all messed up in Internet Explorer is because you didn't specify a document type - thus triggers quirks mode, a document type allows your site to run in 'standards mode' saving you headaches in the future, like this headache. To add a document type now would in fact cause more problems so you'd be best off restarting it entirely with the document type of course.

But you're in luck! I've re-coded it for you, completely! So now it works in both Internet Explorer and Firefox, and it probably reduced code too, as I noticed you were using background images when you could use borders. Also just a hunch but it looks like you're using a really crappy WYSIWYG (What you see is what you get) editor like dreamweaver or frontpage (expression web), ditch it and learn to code with another program.

Anyhow here it is;
http://iszak.net/free/monkey/ - Preview
http://iszak.net/free/monkey/download.zip - Download

Dada · 14-11-2008, 09:53 PM

Wow tysvm! its really nice of you to do that and it works great ^^ (plus hell of a lot neater then mine)

And yeah i just use notepad to code

+Rep

Thread: Wont Work in IE

Thread Tools

Wont Work in IE

Posting Permissions