Ok on Firefox/Mozilla but not on IE :(

He has: 69 posts

Joined: Oct 2003

http://www.echoschool.com/fyiecho.php

Can someone look at that code and see why it looks ok on firefox/mozilla, but it looks wrong on IE. I know it is still a little of fon firefox, but close enough. I didn't code the content.. I would never make it look like that, but the person I'm making the site for wanted to know how to make a page, so I showed her how to do tables in dreamweaver and let her go at it. This is what she gave me.. Anyway, any idea as to why it looks wrong on IE?

He has: 69 posts

Joined: Oct 2003

i think my host is updating or something, so it might not load depending on when you check it

He has: 69 posts

Joined: Oct 2003

11 views no replys Sad

Busy's picture

He has: 6,151 posts

Joined: May 2001

validate the code

I didn't even look at it in IE, just looked at your source code
here are some of the top errors (errors in bold)


px"
--------------


Home
-------------
Tag Us!
------------
px" bgcolor="f4f4f4" valign="top">

and lots lots lots more

you even have two sets of tags

validate validate validate validate

He has: 69 posts

Joined: Oct 2003

Busy wrote: validate the code

I didn't even look at it in IE, just looked at your source code
here are some of the top errors (errors in bold)


px"
--------------


Home
-------------
Tag Us!
------------
px" bgcolor="f4f4f4" valign="top">

and lots lots lots more

you even have two sets of tags

validate validate validate validate

yeah i know there's some errors in the code, but i'll i'm really worried about is what's making it go on the right instead of staying in the center. I thought maybe someone could look at it and know that :\

Abhishek Reddy's picture

He has: 3,348 posts

Joined: Jul 2001

...

*exasperated sigh*

Contrary to popular belief, we aren't code parsers ourselves. It's even harder to take a guess if there are multiple errors. Try fix the errors and see if the problem goes away.

When code is as ill-formed as that, it makes buggy browsers (i.e. all of them) do very strange things which often even seems unrelated. Why one little bit moves in one direction on one browser in a page built on errors Sticking out tongue is very difficult to tell.

It's like telling your doctor, "yeah I know I have three broken limbs, a few severed arteries, as well as XYZ different diseases, and I've left this unchecked and untreated for a week... but do you have any idea what's causing my left pinkie to itch when I sit it like this?"

Smiling

He has: 69 posts

Joined: Oct 2003

Abhishek Reddy's picture

He has: 3,348 posts

Joined: Jul 2001

Script wrote: http://dictionary.reference.com/search?q=%20parsers%20

http://dictionary.reference.com/search?r=2&q=parser

I use the conventional plural form which, sadly, is not noted on that page. Oh well. M-W tells us something different: http://m-w.com/cgi-bin/dictionary?book=Dictionary&va=parsers&x=0&y=0

That the errors seem minor to you is of no significance. What matters is the machine's comprehension of the code.

Busy's picture

He has: 6,151 posts

Joined: May 2001

Fix all the errors and it could possibly fix your problem

Think about this little story,
One day a guy who has been building houses for many years gets a very sore shoulder. He doesn't have time to go see a Dr and being the macho dude he is, carrys on working using his elbow instead of his shoulder.
Some time passes and his elbow starts to get really sore as well. Still he carrys on, using his wrist instead of his shoulder or elbow.
Then one day his wrist gets real sore, so thinks he'd better go see the doctor.
He goes to the doctor and says "Hey doc, I have this sore wrist ..."

Question: what will happen in a few months?
Answer: He will be back at the doctors.

Question: How can he avoid the doctor visits?
Answer: By getting the orginal fault fixed, which in turn will fix all the other problems.

He has: 69 posts

Joined: Oct 2003

Most of the errors on there don't really matter that much. Putting px after a width doesn't have any effect on anything.

*sigh*

They have: 9 posts

Joined: Jul 2004

Well while we are on this note, my site at http://colin.geek.nz works fine on FireFox and compatible, and doesn't on IE. The right sidebar column shows up on the bottom. My code is valid and as Abhishek can tell you, we have both looked at the code and added in various IE hacks to try to make IE cooperate. Anyone care to put a new set of eyes on this? Thanks. Laughing out loud

Busy's picture

He has: 6,151 posts

Joined: May 2001

Script, tags between the and are biggish things, also having style sheet in the page, not in the header wont help

Colin Barnette, tried removing the Doc tag, or even the voice-family's ? displays in firebird as it does in IE

Yianni's picture

He has: 17 posts

Joined: Jul 2004

Hey Colin Barnette! I've solved your problem. I'll walk you through what I did.

The first thing I did was, in your code, took your entire Sidebar and moved it from below your Footer wayyyyy up to below your Links . What this did was move the Sidebar up and put the main content below; not what you wanted. I put my resolution up to 1280*720 and the main content snapped up to where it should.

The culprit is your BigGun class. It's rather huge, and unnecessarily so. All you have to do is move the Sidebar like I mentioned above, and change the width of your BigGun from a bloated 70em to 50em.

Now your site looks awsome in IE...

...but not in Firefox. Roll eyes I thought I had it, but I just checked in Firefox and the main content went below again. All you have to do though is change the Margin and Padding on your Sidebar to 0 and set the width of your BigGun even further down to 40. Wait a second, now the BigGun container is skinnier than the content itself. I deleted it and everything works fine!

Ok, this has been jumbled and confusing, so let's recap!
1. Move your sidebar up.
2. Change the Margin and Padding on your Sidebar to 0.
3. Delete the BigGun

That should do it, even though it throws your alignment and padding off a little. Just experiment with minimal amounts of margin and padding and you'll eventually get what you want. I hope I've helped and that you can sift what you want out of this post! Smiling

Edit-After further testing I found that at any resolution below 1024*768, the content will slip below the sidebar.

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.