Page 1 of 1

IE Realitime problem

Posted: Sun 19 Dec 2010 11:32 am
by robynfali
ONLY just noticed this wierd problem in Internet Explorer, my realtime page

http://www.h-i-r.org.uk/weather/realtime.php


When viewed in FF works perfectly, but when viewed in IE the menu appears BELOW the gauge area?


Any ideas peeps?

Re: IE Realitime problem

Posted: Sun 19 Dec 2010 11:43 am
by Synewave
Rob,

Without looking in detail, I can see two errors at least in your code.

Code: Select all

<table border="0" cellpadding="0" cellspacing="0" width="100%">

 
  <tbody>
You have no closing </table> nor </tbody>

Re: IE Realitime problem

Posted: Sun 19 Dec 2010 12:23 pm
by robynfali
fixed those two, not affected it tho

Re: IE Realitime problem

Posted: Sun 19 Dec 2010 12:39 pm
by steve
robynfali wrote:fixed those two, not affected it tho
Well, not really "fixed", just "broken differently" ;)

You've closed the <table> but left the <tbody> outside it. Do you actually need the table anyway?

Apart from the broken table, you have no closing </body>, and shouldn't the whole thing be enclosed in <html ...> ... </html> tags?

Re: IE Realitime problem

Posted: Sun 19 Dec 2010 1:45 pm
by robynfali
done that bit, I think

sorry about this

Re: IE Realitime problem

Posted: Sun 19 Dec 2010 1:50 pm
by steve
You still have an orphaned <tbody>...</tbody>

You have 4 <div> but only 3 </div>

Re: IE Realitime problem

Posted: Sun 19 Dec 2010 2:00 pm
by beteljuice
You no longer have a table so you don't need <tbody>, but there is nothing to tell the <div>s where they are within the <div id=content> </div>, so one is simply ontop of the other !

if you go 'back' to using a table

<table>
<tr>
<td>
<Left content div>
</td>
<td>
<silverlight div>
</td>
</tr>
</table>

Then you can start tweaking .... else ask daj for a crash course in CSS div positioning :lol: