Jump to content

CSS will not work IE


Recommended Posts

Hello,

 

I have been looking all over for why my web site will not work correctly with css. My header completely is gone some IE, but works fine in chrome. In my godaddy snap shot it is also gone. Who ever can help me solve this issue it would be greatly appreciated.

As you will probably find in my work I am self taught, but thanks for your help in advanced.

 

my web site: www.eBommarito.com

Link to post
Share on other sites

The reason looking at your source is that you have <body> content in <head> and visa versa, you should correct it, validate your page, and then come back to us if the problem persists, as its more than likely it will correct itself.

 

dsonesuk- Thanks for your input, but unfortunately it doesn't solve my problem.

 

Well depends if you are looking at your website in IE browsers less than 9, OR you are looking at your website in IE browser equal and greater than 9, BUT! are looking at it through IE browser mode/document mode LESS than nine in IE developer Tools (F12) as 'some IE' really does not give us clear understanding what IE browser versions you are referring to.

Edited by dsonesuk
Link to post
Share on other sites

I am unsure of which <body> content and <head> content are incorrectly place? Can you give me an example of what you see? I am having the issues in IE8, but unsure what is IE8 Browser mode is. Sorry I am a novice at this (as you can tell). I really appricate you taking the time to look. Thanks

Link to post
Share on other sites

<figure></figure> (new to html5) tags or any NEW html5 tags as already pointed out

 

You do realise <figure> is only recognised by IE9 above

 

WILL NOT! work in IE8 or below, unless you use javascript to identify these new tags.

 

a web page (html5) should consist a minimum of doctype, html, head, body

<!DOCTYPE html><html>    <head>        <title>Document Title</title>    </head>    <body>        <div>content</div>    </body></html>

The <head> would contain title, meta tags, javascript links, coding including links to external *.js (optional), css coding including links to external *.css style sheets. this content is NOT seen website page (except for title, top left corner).

The <body> would contain the rest such as div, a, p, and new the html5 tags as well.

The <html> holds <head> <body> and it content.

This is the correct order, NOTHING goes outside of the <head> or <body> within the <html> tags.

 

This is the same as described in w3schools tutorials for x/html and html5, only difference for html5 are new tags such as <figure>, <header>, section> to name a few, have been added.

 

http://www.w3schools.com/tags/ref_html_dtd.asp

http://www.w3schools.com/tags/tag_html.asp

http://www.w3schools.com/tags/tag_head.asp

http://www.w3schools.com/tags/tag_body.asp

 

http://www.w3schools.com/html/default.asp

Edited by dsonesuk
Link to post
Share on other sites

Well I messed with it. I finally got the color and image to come up ; I switched <header> to <h1>, but it will not reconzie the size of the <h1>. so items from <h2> push into <h1>. The godaddy snapshot and the PCs at my job are the only ones that have the problem.

Edited by eBommarito
Link to post
Share on other sites

 

This is the correct order, NOTHING goes outside of the <head> or <body> within the <html> tags.

 

<!DOCTYPE html>

<html><head><link href="styles.css" type="text/css" rel="stylesheet" /><title>eBommarito- Home</title><meta name="description"content="motorcraft, motorcraft oil filter, oil filters, diesel fuel filters, oil filters, fuel filters, fishing, eBommarito, hunting, tools" /><meta name="keywords"content="motorcraft, motorcraft oil filter, oil filters, diesel fuel filters, oil filters, fuel filters, fishing, eBommarito, hunting, tools" /><meta name="robots"content="nofollow" /></head><h1><div align="center"><ul> <li><a href="http://www.ebommarito.com">Home</a></li><li>About Us</li><li>Policy</li><li><a href="Contact.html">Contact Us</a></li><li><a target='_blank' href="Prime_Guard_Filter_Catalog_2013_Web.pdf">Application</a></li><li><a target='_blank' href="Order_Quote Form.pdf">Quote/Order Form</a></li><li><a href="http://www.relentlesswheelers.com/" target="_blank">Blog</a></li><ul/></div><body><br></br><h2><table align="center"width="100" cellpadding="10" cellspacing="5"><th align="left"><iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2F291516844254155&width=450&height=80&colorscheme=light&layout=standard&action=like&show_faces=true&send=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe></th><th align="left"><script type="text/javascript" data-pp-pubid="fcb7cd1a93" data-pp-placementtype="120x90"> (function (d, t) {"use strict";var s = d.getElementsByTagName(t)[0], n = d.createElement(t);n.src = "//paypal.adtag.where.com/merchant.js";s.parentNode.insertBefore(n, s);}(document, "script"));</script></th><th align="left"><form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post" ><input type="hidden" name="cmd" value="_s-xclick"><input type="hidden" name="encrypted" value="-----BEGIN PKCS7-----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-----END PKCS7-----"><input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_viewcart_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!"><img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1"></form></th></table></h2></div><p><div align="center"><a href="specials.html"><img src="specials.jpg" alt="Specials" width="450" height="225"/></a></div><table align="center"width="100" cellpadding="10" cellspacing="5"><th align="left"><a href="MotorCraft Oil Filters.html"><img src="motorcraft oil filters cropped.gif" alt="MotorCraft Oil Filter" width="112" height="112"/></br><figcaption align="center">Motorcraft oil filters</figcaption></a></th><th align="left"><a href="Fishing.html"><img src="reel.jpg" alt="Shimano" width="115" height="80"/></br><figcaption align="center">Fishing</figcaption></a></th><th align="left"><a href="Tools.html"><img src="leakdetector.gif" alt="Leak Detector" width="115" height="130"/></br><figcaption align="center">Tools</figcaption></a></th><th align="left"><a href="Diesel Fuel Filters.html"><img src="PGDF.jpg" alt="Diesel Fuel Filters" width="125" height="62"/></br><figcaption align="center">Diesel Fuel Filters</figcaption></a></th></table></p><h3><div align="center"><ul> <li><a href="http://www.ebommarito.com">Home</a></li><li>About Us</li><li>Policy</li><li><a href="Contact.html">Contact Us</a></li><li><a target='_blank' href="Prime_Guard_Filter_Catalog_2013_Web.pdf">Application</a></li><li><a target='_blank' href="Order_Quote Form.pdf">Quote/Order Form</a></li><li><a href="http://www.relentlesswheelers.com/" target="_blank">Blog</a></li><ul/></div><div align="center">Copyright 2013 eBommarito. All Rights Reserved.</div></h3></body></html>

 

AND yet! you STILL! do it.

Edited by dsonesuk
Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...