MutatedGamer Posted September 8, 2012 Share Posted September 8, 2012 Hey guys, I was building my first website for myself. I was going to give it to teachers to let them look at it... but it looks like crap in IE. Can anyone help me out? http://www.lbordonaro.com/blog/blog/index.php Link to comment Share on other sites More sharing options...
Ingolme Posted September 8, 2012 Share Posted September 8, 2012 The first step is to fix the validation errors: http://validator.w3.org/check?uri=http%3A%2F%2Fwww.lbordonaro.com%2Fblog%2Fblog%2Findex.php&charset=%28detect+automatically%29&doctype=Inline&group=0 Link to comment Share on other sites More sharing options...
thescientist Posted September 8, 2012 Share Posted September 8, 2012 I would also recommend switching to a strict DTD (doctype) Link to comment Share on other sites More sharing options...
MutatedGamer Posted September 8, 2012 Author Share Posted September 8, 2012 I actually went through the validator and fixed as many things as I could. Also, thescientist, I did use strict when I first was doing it. However, strict just gave me more errors and it suggested to use the other one. Can someone help me fix the errors, especially the first and second? I don't know what to do differently to get it to work... Link to comment Share on other sites More sharing options...
niche Posted September 8, 2012 Share Posted September 8, 2012 Broken link in OP. Link to comment Share on other sites More sharing options...
MutatedGamer Posted September 8, 2012 Author Share Posted September 8, 2012 (edited) Sorry, moved everything to default. New link here: http://www.lbordonaro.com/index.php Edited September 8, 2012 by MutatedGamer Link to comment Share on other sites More sharing options...
niche Posted September 8, 2012 Share Posted September 8, 2012 (edited) Now strip everything out of the body, re-validate, then report back with errors you can't solve and try not to make us solve them all. Afterwards, start re-inserting a little of body and validate, insert a little more body and validate. That's how it's done when you're not sure what the errors mean. Asking us to solve 20 errors is a little over the top. Asking for help with a few errors using this incremental approach is much more reasonable. EDIT: Use the suggestion from thescientist. Edited September 8, 2012 by niche Link to comment Share on other sites More sharing options...
MutatedGamer Posted September 8, 2012 Author Share Posted September 8, 2012 Okay, I'll go through each error individually. Right now I'm stuck on the twitter widget. "there is no attribute "DATA-WIDGET-ID" is completely stumping me. This is the line code: <a class="twitter-timeline" href="https://twitter.com/MutatedGamer" data-widget-id="xxx">Tweets</a> I tried putting a <div> before the code and in css putting the data-widget-id in the style, but then the widget won't load. Link to comment Share on other sites More sharing options...
dsonesuk Posted September 8, 2012 Share Posted September 8, 2012 That attribute is intended to be used for HTML5, which recognises and supports it, where as the current doctype you are using does not, therefore error. Link to comment Share on other sites More sharing options...
niche Posted September 8, 2012 Share Posted September 8, 2012 I've never used that attribute before , so google it like I just did. Link to comment Share on other sites More sharing options...
MutatedGamer Posted September 8, 2012 Author Share Posted September 8, 2012 niche, I googled it first and couldn't find anything. That's why I posted here, for help... Link to comment Share on other sites More sharing options...
MutatedGamer Posted September 8, 2012 Author Share Posted September 8, 2012 Oh for crying out loud. I fixed every error except the data-widget-id and then change it to HTML5. Suddenly 10 errors about align and frameborder.... How can I use CSS to align things to the center? Link to comment Share on other sites More sharing options...
niche Posted September 9, 2012 Share Posted September 9, 2012 try margin:auto 0; Link to comment Share on other sites More sharing options...
Don E Posted September 9, 2012 Share Posted September 9, 2012 .. or if you don't prefer the short-hand way as niche posted, you can do: margin-left: auto; margin-right: auto; 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