FRIHOST • FORUMS • FAQ • TOS • BLOGS • DIRECTORY
You are invited to Log in or Register a Frihost Account!

Layout is all messed up when viewed via IE.

   Frihost Forum Index -> Scripting -> Html, CSS and Javascript
 


flyfamilyguy
Hi all.
I'm very new to html/css code, but have managed to create a decent looking webpage so far. Well, up until last night anyway!
I added three text images to my page, and it looks good when viewing with FireFox. It use to even look ok when viewed using IE, but now my NavBar is all screwed up, and the header image will not show.
Could someone please take a look at the source code, and my style sheet, and let me know what could have went wrong?
Thanks!
escritor
Welcome to the webdesign world. That's why we hate Internet Explorer. It doesn't show the pages properly and we need to change our good code for them to work on it.
carlospro7
Your css may be correct, I don't know, but I took some time to look at your html code first, and it seems like you have quite a few errors with img tags (The closing tag </img> does not exist, it's <img attributes />) and perhaps also nested tags.
Anyway, you can go to http://validator.w3.org/ to validate your page and check for xhtml errors. You can either enter your url or paste your code. This is the link to your site's validation:

http://validator.w3.org/check?uri=http%3A%2F%2Fflyfamilyguy.frihost.net%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

Try fixing that, and see if it resolves your main issue.
flyfamilyguy
carlospro7 wrote:
Your css may be correct, I don't know, but I took some time to look at your html code first, and it seems like you have quite a few errors with img tags (The closing tag </img> does not exist, it's <img attributes />) and perhaps also nested tags.
Anyway, you can go to http://validator.w3.org/ to validate your page and check for xhtml errors. You can either enter your url or paste your code. This is the link to your site's validation:

http://validator.w3.org/check?uri=http%3A%2F%2Fflyfamilyguy.frihost.net%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

Try fixing that, and see if it resolves your main issue.

Thank You 'carlospro7'!
I went back and took a slow, and precise look at my xhtml. Other than the obvious '/>' tag, I also failed to include the 'alt' tag. Things look good now except, I still cannot manage to get the black background included in my header. (It's the same as the footer)
It appears when I view the page using Firefox, but when viewing with IE, the only thing that shows is my Red Text Image.
Any more great ideas? You have been a big help!
flyfamilyguy
AAAAH, HAAAA!
I found the problem!
The culprit was hanging out in my Style Sheet..,within the '#header' div.

It use to read:
Code:
background:#333333 url (img/head1.gif)

I cut the, (img/head1.gif) , and now all is kosher. Very Happy



Can't explain it yet, but it worked!

Thanks for the input!
carlospro7
No problem. Your site looks good, and it is compliant with the w3c's standards too! good luck! Very Happy
Reply to topic    Frihost Forum Index -> Scripting -> Html, CSS and Javascript

FRIHOST HOME | FAQ | TOS | ABOUT US | CONTACT US | SITE MAP
© 2005-2007 Frihost, forums powered by phpBB.