My webiste works fine in Firefox but looks terrible in IE...why?

My webiste works fine in Firefox but looks terrible in IE...why? (Full Version)

All Forums >> [Web Development] >> Expression Web Help

Message

weakestlink33 -> My webiste works fine in Firefox but looks terrible in IE...why? (8/11/2007 17:34:34)
I am brand new to making websites, but I worked my hardest to design one using Expression Web. It took me about a week (and many hours a day), but I finally managed to create a decent site that I can update almost daily with more content. HOWEVER, it looks amazing in firefox (atleast exactly as I built it in Expression), but while using IE, everything (text, graphics, and links) and piled on top of eachother. Why is that and how can I fix it? PS: my site is http://www.theweightliftingbible.com so you can view it in both browsers and see for yourself :)

jaybee -> RE: My webiste works fine in Firefox but looks terrible in IE...why? (8/12/2007 3:04:45)

I looked at the code behind the page you have linked to and if you hadn't said you used EW to build it I'd have sworn you just saved a page from Publisher as HTML.

What did you do? Copy and paste from Publisher into EW? The code is a real mess. IE7 does not like pages using Publisher code which is what you have.

<html xmlns:v="urn:schemas-microsoft-com:vml"
xmlns:o="urn:schemas-microsoft-com:office:office"
xmlns:dt="uuid:C2F41010-65B3-11d1-A29F-00AA00C14882"
xmlns:b="urn:schemas-microsoft-com:office:publisher"
xmlns="http://www.w3.org/TR/REC-html40">

<!-- #BeginTemplate "Master.dwt" -->

<head>
<meta http-equiv=Content-Type content="text/html; charset=windows-1252">
<meta name=ProgId content=Publisher.Document>
<meta name=Generator content="Microsoft Publisher 11">
<link rel=File-List href="Welcome_files/filelist.xml">
<!--[if !mso]>
<style>
v\:* {behavior:url(#default#VML);}
o\:* {behavior:url(#default#VML);}
b\:* {behavior:url(#default#VML);}
.shape {behavior:url(#default#VML);}
</style>
<![endif]--><!--[if gte mso 9]><xml>

And that's just the start of it, there's reams and reams.

I suggest you scrap that and use an EW template and type the content in from scratch. Do not copy and paste stuff in from other MS applications.

weakestlink33 -> RE: My webiste works fine in Firefox but looks terrible in IE...why? (8/12/2007 10:27:48)
I started it on Publisher, but I did almost all of the work with Expression...I guess I should just start over then :( Are there any Expression template that I can manipulate to get something similar to what I have now though, because I have really come to like it.lol PS: Thank you very much for going through a lot of work to look through the code to help me out :)

weakestlink33 -> RE: My webiste works fine in Firefox but looks terrible in IE...why? (8/12/2007 13:34:59)
I've spent about 4 hours working on this, but I've figured out how to design a dwt from scratch and have it so it is about 80% the same as my old one and it works on IE :). Thanks for your help EDIT: If anyone has a spare moment, could you just check out my site and see if it loads normally on your browser and post here whether or not it loads up for you? Thank you to anyone who can help this way

treetopsranch -> RE: My webiste works fine in Firefox but looks terrible in IE...why? (8/12/2007 18:14:36)
That Google stuff on the home page overpowers your website.

caz -> RE: My webiste works fine in Firefox but looks terrible in IE...why? (8/12/2007 18:35:13)
It loads OK in Firefox and IE7 but to be sure that it is viewable and looks OK in the majority of browsers you have to make sure that your code is valid in the first place. Using the Web Developer extension in Firefox: Result: 4 errors / 22 warnings / 91 access warnings If you ignore the access warnings for the moment, you need to deal with the errors and warnings to get it right in Firefox at least. The warnings relate to empty or unclosed elements and the use of proprietary code such as "xmlns:v" and "v.shapes" - Publisher? You also need to use the W3C Markup Validator to ensure that you are writing valid code. In this case the page has failed validation with 30 errors. If you go though the errors and read the relevant recommendations you should be able to correct most of them. http://tinyurl.com/2c2949 You also need to check the page with the W3C CSS Validator and deal with the errors and warnings there. http://tinyurl.com/26ss6w I notice that you are using points for font sizing, pts are okay for content that is intended for printing but not for screen rendering. It's best to use ems or percentages so that users can change the font size if they need to.

weakestlink33 -> RE: My webiste works fine in Firefox but looks terrible in IE...why? (8/12/2007 18:57:47)
quote: That Google stuff on the home page overpowers your website. Do you think removing the search bar would be a good idea? I mainly put that on there to assist people once I have a lot of content on my site, but as I have only been working on it for about a week, there really isn't a whole lot of stuff on there right now. quote: Using the Web Developer extension in Firefox: Result: 4 errors / 22 warnings / 91 access warnings Im really new to this whole website thing, as you guys can obviously tell, but I will definitely try and make sense of all of this and correct these errors tonight (once I finish a reading I have to do for school tonight) Thank you both for the assistance you have given me :)

caz -> RE: My webiste works fine in Firefox but looks terrible in IE...why? (8/12/2007 19:07:38)
Hey weakestlink don't fry your brain, take your time and use the search function on this site because your questions have arisen before so you will find a fair amount of guidance here already. Don't forget that we were all where you are now once. [;)] PS. Wait until you get your site almost finished before you add the Google bar - just in case it throws your code and/or design a wobbly.

weakestlink33 -> RE: My webiste works fine in Firefox but looks terrible in IE...why? (8/12/2007 20:24:23)
I fixed everything that the first of those 2 sites recommended that was actually my code except for one thing...Most of those errors in coding were from my hit counter though so I'm not going to try and correct that (as I didn't write that code). The one error I wrote that I haven't been able to correct yet will be researched using the search option so I can figure out on my own why I need to change it HOWEVER, now that I have corrected the code, every time I visit the site with firefox I get an ftp login box even though I am going to http://www.theweightliftingbible.com and not the ftp adress. Do you know why that is? EDIT: Im also getting some weird message about front page server extensions when I go onto Expression to edit my site...I really must have screwed something up correcting those errors :( EDIT 2: I delete all of my vti folders (I didn't even make those???) and the second error went away, but I am still getting the ftp authentication one while using firefox[image]http://www.theweightliftingbible.com/error.bmp[/image] EDIT 3: I added a picture of my problem if that can help you point me in the right direction of what the problem for this might be EDIT 4: I updated the "outdated" html background code I was using on my site to an xhtml code so I have changed all of that site's suggestions except for the one in the hitcounter code (generated by statcounter.com)

Tailslide -> RE: My webiste works fine in Firefox but looks terrible in IE...why? (8/13/2007 2:23:27)
I'd try changing this: <html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office"> To this: <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en" dir="ltr"> As you might guess that first HTML tag is tied into M$ Office which might be causing the issue.

Donkey -> RE: My webiste works fine in Firefox but looks terrible in IE...why? (8/13/2007 6:09:05)
I may be completely wrong here, but could you be using the wrong ftp address? Should it be ftp.theweightliftingbible.com? Using the www might be causing the problem because the browser reads a similar address to your ftp address and assumes that you are trying to upload/download.

weakestlink33 -> RE: My webiste works fine in Firefox but looks terrible in IE...why? (8/13/2007 10:25:49)
quote: I may be completely wrong here, but could you be using the wrong ftp address? Should it be ftp.theweightliftingbible.com? The problem is- Im not usuing the ftp adress when this problem is arising...Im just going to my website to view the finished product by typing in http://www.theweightliftingbible.com and it is bringing up the ftp box as if I was using the ftp adress Tailslid- I'm going to try making the change you suggested

Donkey -> RE: My webiste works fine in Firefox but looks terrible in IE...why? (8/13/2007 11:05:52)
quote: Im not usuing the ftp adress when this problem is arising...Im just going to my website to view the finished product by typing in http://www.theweightliftingbible.com and it is bringing up the ftp box as if I was using the ftp adress I understand that, I just wondered if you should be ftp'ing without using the www, because that may be making the browser think you are trying to ftp (with the browser) when you are just trying to view the page.

weakestlink33 -> RE: My webiste works fine in Firefox but looks terrible in IE...why? (8/13/2007 11:12:06)
Im only ftp'ing it through Expression Web (Im not sure how they do it) and with IE using ftp.theweightliftingbible.com (and IE doesn't have this error...only firefox) Does anyone else get this error when they view my site through firefox? If not, then I guess it isn't a big deal although it does still annoy me

womble -> RE: My webiste works fine in Firefox but looks terrible in IE...why? (8/13/2007 11:30:27)
It is rather a big deal. I use Firefox exclusively for browsing, and the instant I tried to open your site I got the login box, and I should imagine most people using Firefox will get it too. I'm also getting the same thing in Opera.

weakestlink33 -> RE: My webiste works fine in Firefox but looks terrible in IE...why? (8/13/2007 11:42:02)
quote: It is rather a big deal. I use Firefox exclusively for browsing, and the instant I tried to open your site I got the login box, and I should imagine most people using Firefox will get it too. I'm also getting the same thing in Opera. Ok...Then its a big problem. It just started yesterday after I made some of the changes recommended in this forum, but I still have no clue what is causing it. Has anyone else ever experienced this problem (or have an idea as to how I can fix it?)

weakestlink33 -> RE: My webiste works fine in Firefox but looks terrible in IE...why? (8/13/2007 12:04:15)
I think I may have solved the problem. When I made those changes recommended before, I backed up the files to another folder and some of my links were changed to the new address in the new folder (which was saved as a ftp website). Therefore, when the browser was opening my site, it was seeing those links; thus, it was trying to connect to the ftp to get those files that only exist on my computer. By changing these links back (and accidentally rearranging some objects on my site which I am working on fixing now, I have solved the problem :P). Can some just verify for me that this error has gone away?

Tailslide -> RE: My webiste works fine in Firefox but looks terrible in IE...why? (8/13/2007 12:36:24)
Yeah I think getting rid of that nasty M$ HTML tag did the trick - it's working for me now.

Page: [1]

0.109375