eBommarito Posted February 18, 2014 Share Posted February 18, 2014 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 comment Share on other sites More sharing options...
divinedesigns1 Posted February 18, 2014 Share Posted February 18, 2014 im seeing your black header in IE Link to comment Share on other sites More sharing options...
eBommarito Posted February 18, 2014 Author Share Posted February 18, 2014 DDs1- Thanks for taking a look. It seems to not work on some computers with IE. For example mine at work. Also in my godaddy screen shot of the web site it appears how I see it work. I will attach a pic of what I am seeing. Link to comment Share on other sites More sharing options...
eBommarito Posted February 18, 2014 Author Share Posted February 18, 2014 here it is Link to comment Share on other sites More sharing options...
dsonesuk Posted February 18, 2014 Share Posted February 18, 2014 You do realise <figure> is only recognised by IE9 above, also align="center" is old school, even old early cave man school. Link to comment Share on other sites More sharing options...
eBommarito Posted February 18, 2014 Author Share Posted February 18, 2014 dsonesuk- Thanks for your input, but unfortunately it doesn't solve my problem. Link to comment Share on other sites More sharing options...
dsonesuk Posted February 18, 2014 Share Posted February 18, 2014 (edited) 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 February 18, 2014 by dsonesuk Link to comment Share on other sites More sharing options...
eBommarito Posted February 18, 2014 Author Share Posted February 18, 2014 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 comment Share on other sites More sharing options...
dsonesuk Posted February 19, 2014 Share Posted February 19, 2014 (edited) <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 February 19, 2014 by dsonesuk Link to comment Share on other sites More sharing options...
eBommarito Posted February 21, 2014 Author Share Posted February 21, 2014 (edited) 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 February 21, 2014 by eBommarito Link to comment Share on other sites More sharing options...
davej Posted February 21, 2014 Share Posted February 21, 2014 The W3 Validator shows 55 errors... http://validator.w3.org/check?uri=http%3A%2F%2Fwww.ebommarito.com%2F&charset=%28detect+automatically%29&doctype=Inline&group=0 Link to comment Share on other sites More sharing options...
dsonesuk Posted February 21, 2014 Share Posted February 21, 2014 (edited) 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 February 21, 2014 by dsonesuk Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now