Page Displaying Differently!

[Graeme]

Hello All,

 

Trying to put a web page together, so far so good. It displays when tested locally and in FF and Chrome but when uploaded there is a big gap at the top but only in IE. A friend just checked for me and he says it's fine on his IE, could it be mine?

 

It's at www.burnmoorcc.org.uk/2bfit/index.html

 

Thank you

 

Graeme

[Andrea]

For starters, validate your code - you have several start/closing tag errors that can cause problems:

 

http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.burnmoorcc.org.uk%2F2bfit%2Findex.html

[Graeme]

Hey Andrea,

 

Thanks for this.

 

I tried validating and I see what you mean about several start/closing tag errors, it's got me confused though! What does

 

You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">".

 

mean?

 

My <divs> have got me baffled!

 

Graeme

[Andrea]

The best way I found to make sure that everything is properly closed is to indent the html. Like so:

<div>
	<p> your text
	</p>
</div>

 

I think this

You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">".

may mean that they're wondering if you forgot the slash in a self-closing element - but bottom line is, it's another issue of tags not being properly closed. Doing what i suggested above should reveal and correct the issues.

[Graeme]

Hello,

 

I managed to resolve the issues with the tags, the page is still showing differently at the top in IE!

Could it be the browser on my PC as every other one is ok?

 

Graeme

[Andrea]

Not sure - it looks fine with my IE 10.

 

Btw - your text is hard to read. There is too little contrast between background and your header and regular text color. Either make the fonts darker or the background lighter. Your color scheme is working, but what good is a pretty page that people have trouble reading?

[Graeme]

Thanks Andrea, will do

[newseed]

Hi,

 

I am seeing a few differences in each of the IE version:

 

Link to screen captures"

 

IE10 - IE9 - IE8 - IE7

 

Hope this helps.