PDA

View Full Version : 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

<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

Want to hide these adverts? Register an account for free!