Website with IE not working

View New Content

Page 1 of 1

You cannot start a new topic
You cannot reply to this topic

Website with IE not working Rate Topic:

#1 Vulcan

Advanced Member

Group: Members
Posts: 465
Joined: 18-December 10
Reputation: 1
Gender:Male
Experience:Intermediate
Area of Expertise:I'm Learning

Posted 22 December 2010 - 12:10 PM

Hello,

I think this is quite common with IE on websites. But when i preview my website on IE it comes out different and a little messed up.

Is there a way i can fix it. It works on Firefox, Crome and Opera.

#2 kingy da killa

Free man on the land

Group: Members
Posts: 2,144
Joined: 24-November 10
Reputation: 94
Gender:Male
Location:London SW
Experience:Intermediate
Area of Expertise:Web Developer

Posted 22 December 2010 - 12:28 PM

Yuppp very common!

Post the website link or code snippets and screenshots of what is messing up in IE, and ill try help

#3 Vulcan

Advanced Member

Group: Members
Posts: 465
Joined: 18-December 10
Reputation: 1
Gender:Male
Experience:Intermediate
Area of Expertise:I'm Learning

Posted 22 December 2010 - 12:49 PM

yeah i dont have the domain yet lol i know a little odd,

#4 MikeChipshop

Small but imperfectly formed

Group: Moderators
Posts: 7,044
Joined: 19-April 10
Reputation: 503
Gender:Male
Location:Scotland

Posted 22 December 2010 - 12:58 PM

As Kingy Da Killa said... post up the code and screenies so we can see what you mean.

This post has been edited by MikeChipshop: 22 December 2010 - 12:59 PM

#5 NeRo

Expert

Group: Members
Posts: 824
Joined: 28-September 07
Reputation: 39
Gender:Male
Experience:Intermediate
Area of Expertise:Web Developer

Posted 22 December 2010 - 01:27 PM

Without seeing any code we can only guess what is wrong with your code but one thing you could do yourself is test your code using the W3C Validator

Sorting out your errors will go a long way to making it work in all browsers

(I'm assuming it is an html site?)

This post has been edited by NeRo: 22 December 2010 - 01:28 PM

#6 Vulcan

Advanced Member

Group: Members
Posts: 465
Joined: 18-December 10
Reputation: 1
Gender:Male
Experience:Intermediate
Area of Expertise:I'm Learning

Posted 26 January 2011 - 11:59 AM

Ok i have hosted the site here it is www.guildfordrowingclub.org.uk its the footer and the content area you see it at the top and bottom not the middle etc.

#7 zed

Web Guru

Group: Moderators
Posts: 4,941
Joined: 25-May 10
Reputation: 703
Gender:Male
Experience:Intermediate
Area of Expertise:Designer/Coder

Posted 26 January 2011 - 12:38 PM

as Nero suggests, validate.

http://validator.w3....t+automatically)&doctype=Inline&ss=1&outline=1&group=0&user-agent=W3C_Validator/1.1

you've certainly got a few issues going on

#8 Vulcan

Advanced Member

Group: Members
Posts: 465
Joined: 18-December 10
Reputation: 1
Gender:Male
Experience:Intermediate
Area of Expertise:I'm Learning

Posted 26 January 2011 - 04:55 PM

zed, on 26 January 2011 - 12:38 PM, said:

as Nero suggests, validate.

http://validator.w3....t+automatically)&doctype=Inline&ss=1&outline=1&group=0&user-agent=W3C_Validator/1.1

you've certainly got a few issues going on

Ok well i cant find anything on there error wise i clicked onto that links.

And will it sort my problem?

#9 Vulcan

Advanced Member

Group: Members
Posts: 465
Joined: 18-December 10
Reputation: 1
Gender:Male
Experience:Intermediate
Area of Expertise:I'm Learning

Posted 26 January 2011 - 04:55 PM

zed, on 26 January 2011 - 12:38 PM, said:

as Nero suggests, validate.

http://validator.w3....t+automatically)&doctype=Inline&ss=1&outline=1&group=0&user-agent=W3C_Validator/1.1

you've certainly got a few issues going on

Ok well i cant find anything on there error wise i clicked onto that links.

And will it sort my problem?

#10 MikeChipshop

Small but imperfectly formed

Group: Moderators
Posts: 7,044
Joined: 19-April 10
Reputation: 503
Gender:Male
Location:Scotland

Posted 26 January 2011 - 04:59 PM

Vulcan, on 26 January 2011 - 04:55 PM, said:

Ok well i cant find anything on there error wise i clicked onto that links.

And will it sort my problem?

No it will give pointers as to what errors there are though.

#11 zed

Web Guru

Group: Moderators
Posts: 4,941
Joined: 25-May 10
Reputation: 703
Gender:Male
Experience:Intermediate
Area of Expertise:Designer/Coder

Posted 26 January 2011 - 05:07 PM

exactly, and given you have a DIV closure for something that doesn't even start and loads of </html> in the source for the page you can't expect a browser to know what you want done.

#12 Vulcan

Advanced Member

Group: Members
Posts: 465
Joined: 18-December 10
Reputation: 1
Gender:Male
Experience:Intermediate
Area of Expertise:I'm Learning

Posted 26 January 2011 - 05:10 PM

zed, on 26 January 2011 - 05:07 PM, said:

exactly, and given you have a DIV closure for something that doesn't even start and loads of </html> in the source for the page you can't expect a browser to know what you want done.

ok well i'll see whats there im away from home so i can do the website.

But will those errors on the content area will be fixed?/

#13 zed

Web Guru

Group: Moderators
Posts: 4,941
Joined: 25-May 10
Reputation: 703
Gender:Male
Experience:Intermediate
Area of Expertise:Designer/Coder

Posted 26 January 2011 - 05:10 PM

and you have <body> tags within DIVs :S

#14 zed

Web Guru

Group: Moderators
Posts: 4,941
Joined: 25-May 10
Reputation: 703
Gender:Male
Experience:Intermediate
Area of Expertise:Designer/Coder

Posted 26 January 2011 - 05:24 PM

right, this may fix things for you. IE is not recognising that you have a background in the #main_content DIV

your code has background:url(images/middle_area.gif)repeat-y;

Try sticking a space in between the ) and repeat-y;

#15 Vulcan

Advanced Member

Group: Members
Posts: 465
Joined: 18-December 10
Reputation: 1
Gender:Male
Experience:Intermediate
Area of Expertise:I'm Learning

Posted 26 January 2011 - 06:13 PM

zed, on 26 January 2011 - 05:24 PM, said:

Yes thanks, im new to websites anyway there will be loads of errors ill fix it when i get back

#16 zed

Web Guru

Group: Moderators
Posts: 4,941
Joined: 25-May 10
Reputation: 703
Gender:Male
Experience:Intermediate
Area of Expertise:Designer/Coder

Posted 26 January 2011 - 06:31 PM

are you using PHP includes for your page? When you view the page source you have multiples of HTML, HEAD, BODY and loading of the CSS and JS files. You don't need them in each include.

If you're new don't fall into the trap that others do and blame IE. All browsers have differences and most of the time the issues are down to the code, nothing else.

#17 Vulcan

Advanced Member

Group: Members
Posts: 465
Joined: 18-December 10
Reputation: 1
Gender:Male
Experience:Intermediate
Area of Expertise:I'm Learning

Posted 27 January 2011 - 11:21 AM

zed, on 26 January 2011 - 06:31 PM, said:

yes I am useing php includes.

#18 zed

Web Guru

Group: Moderators
Posts: 4,941
Joined: 25-May 10
Reputation: 703
Gender:Male
Experience:Intermediate
Area of Expertise:Designer/Coder

Posted 28 January 2011 - 08:29 PM

and it looks fine now?

#19 Vulcan

Advanced Member

Group: Members
Posts: 465
Joined: 18-December 10
Reputation: 1
Gender:Male
Experience:Intermediate
Area of Expertise:I'm Learning

Posted 28 January 2011 - 08:58 PM

Haha yeah just fixed it, another thing i cant find a way to make the footer have wider width. It is on repeat

#20 zed

Web Guru

Group: Moderators
Posts: 4,941
Joined: 25-May 10
Reputation: 703
Gender:Male
Experience:Intermediate
Area of Expertise:Designer/Coder

Posted 28 January 2011 - 09:02 PM

play aroud with your width. You've got auto at the moment.

In your PHP Include files you don't need to load the CSS, you only need to do that once. At the moment you're loading it with every include.

#21 Vulcan

Advanced Member

Group: Members
Posts: 465
Joined: 18-December 10
Reputation: 1
Gender:Male
Experience:Intermediate
Area of Expertise:I'm Learning

Posted 28 January 2011 - 10:03 PM

zed, on 28 January 2011 - 09:02 PM, said:

In your PHP Include files you don't need to load the CSS, you only need to do that once. At the moment you're loading it with every include.

What you mean by that ^^^^

and i want the auto in the footer because i want to it to fit for all screens

This post has been edited by Vulcan: 28 January 2011 - 10:06 PM

#22 MikeChipshop

Small but imperfectly formed

Group: Moderators
Posts: 7,044
Joined: 19-April 10
Reputation: 503
Gender:Male
Location:Scotland

Posted 28 January 2011 - 10:39 PM

What he means is that you have code in every include that is repating once the page is produced...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Guildford Rowing</title> <link rel="stylesheet" type="text/css" href="[url="http://www.guildfordrowingclub.org.uk/style.css"]style.css[/url]"/> <link type="text/css" href="[url="http://www.guildfordrowingclub.org.uk/menu.css"]menu.css[/url]" rel="stylesheet" /> 	<script type="text/javascript" src="[url="http://www.guildfordrowingclub.org.uk/jquery.js"]jquery.js[/url]"></script> 	<script type="text/javascript" src="[url="http://www.guildfordrowingclub.org.uk/menu.js"]menu.js[/url]"></script> </head>  <body>

This should only happen once in a page at the beginning, Also remove

</body></html>

as this should only happen once at the end of a page.

Remove the former from anything but the first include and remove the later from anything except the very end include.

#23 Vulcan

Advanced Member

Group: Members
Posts: 465
Joined: 18-December 10
Reputation: 1
Gender:Male
Experience:Intermediate
Area of Expertise:I'm Learning

Posted 28 January 2011 - 10:44 PM

MikeChipshop, on 28 January 2011 - 10:39 PM, said:

What he means is that you have code in every include that is repating once the page is produced...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Guildford Rowing</title> <link rel="stylesheet" type="text/css" href="[url="http://www.guildfordrowingclub.org.uk/style.css"]style.css[/url]"/> <link type="text/css" href="[url="http://www.guildfordrowingclub.org.uk/menu.css"]menu.css[/url]" rel="stylesheet" /> 	<script type="text/javascript" src="[url="http://www.guildfordrowingclub.org.uk/jquery.js"]jquery.js[/url]"></script> 	<script type="text/javascript" src="[url="http://www.guildfordrowingclub.org.uk/menu.js"]menu.js[/url]"></script> </head>  <body>

This should only happen once in a page at the beginning, Also remove

</body></html>

as this should only happen once at the end of a page.

Remove the former from anything but the first include and remove the later from anything except the very end include.

Ok Im confused. there is only one Head and Body in my index page and yes i have includes one for header, one for menu and one for footer.

Or do you mean the included files i only make it showing the divs

This post has been edited by Vulcan: 28 January 2011 - 10:45 PM

#24 MikeChipshop

Small but imperfectly formed

Group: Moderators
Posts: 7,044
Joined: 19-April 10
Reputation: 503
Gender:Male
Location:Scotland

Posted 28 January 2011 - 10:46 PM

Check your includes files. Only the header should have the first bit of code i pasted and only the footer should have the end bit i posted.

#25 Vulcan

Advanced Member

Group: Members
Posts: 465
Joined: 18-December 10
Reputation: 1
Gender:Male
Experience:Intermediate
Area of Expertise:I'm Learning

Posted 28 January 2011 - 10:56 PM

so the include header will have the

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Guildford Rowing</title>
<link rel="stylesheet" type="text/css" href="style.css"/>
<link type="text/css" href="menu.css" rel="stylesheet" />
	<script type="text/javascript" src="jquery.js"></script>
	<script type="text/javascript" src="menu.js"></script>
</head>

<body>

the index will have the content etc

#26 MikeChipshop

Small but imperfectly formed

Group: Moderators
Posts: 7,044
Joined: 19-April 10
Reputation: 503
Gender:Male
Location:Scotland

Posted 28 January 2011 - 10:57 PM

Yes that is correct. That code should not appear in any other include.

#27 Vulcan

Advanced Member

Group: Members
Posts: 465
Joined: 18-December 10
Reputation: 1
Gender:Male
Experience:Intermediate
Area of Expertise:I'm Learning

Posted 28 January 2011 - 10:58 PM

MikeChipshop, on 28 January 2011 - 10:57 PM, said:

Yes that is correct. That code should not appear in any other include.

ok and the index etc

its only divs in the footer not <body></body> </html>

and what about the wrapper id

This post has been edited by Vulcan: 28 January 2011 - 11:03 PM

#28 MikeChipshop

Small but imperfectly formed

Group: Moderators
Posts: 7,044
Joined: 19-April 10
Reputation: 503
Gender:Male
Location:Scotland

Posted 28 January 2011 - 11:03 PM

Think of your index as a puzzle and the includes as the pieces. When you do a puzzle/index it has no picture until you put the pieces/includes in.
If your puzzle/index already has a piece of sky and so does one of your pieces/include then the puzzle won't go together.