afish674 Posted June 6, 2012 Share Posted June 6, 2012 Hi I have actually posted this before, but I'm not sure I was specific enough with my question so I didn't get any replies. Internet explorer (ver 9 and presumably earlier) completely ruins my layout. Whereas its fine in all other browsers. I can't for the life of me work out what it is. Any help massively appreciated as I'm well and truelly stuck. Link:http://dl.dropbox.com/u/13032629/MumMatters%28HTML5%29/testimonials/testimonials.html Thank you! 2 Link to comment Share on other sites More sharing options...
dsonesuk Posted June 6, 2012 Share Posted June 6, 2012 (edited) IE requires <!DOCTYPE html> to work like the other better browsers, your site shows as working in Quirkes mode meaning it is not using !doctype, but if you look at IE through its developer tools the doctype is commented out as in <!-- doctype html --> The only thing is that your 'doctype' is in lowercase, whereas its usually defined as uppercase, so try defining in uppercase instead <!DOCTYPE html>. Also It may be because it is not at top of page so you might want to try that as well. Edited June 6, 2012 by dsonesuk Link to comment Share on other sites More sharing options...
afish674 Posted June 6, 2012 Author Share Posted June 6, 2012 Thanks dsonesuk, it appears that for some reason the Dreamweaver template (which uses commented code to define it's boundaries) had wrapped around the doctype declaration instead of being inside it which caused IE to mess up. There is still a layout issue however. On this page http://dl.dropbox.com/u/13032629/MumMatters%28HTML5%29/index-mirror.html(which I used as the basis for my template master) the nav bar is incorrectly positioned, and causes the header to expand which in turn makes the page scroll as well. Why is this happening? Works fine in all other browsers. Thanks again. Link to comment Share on other sites More sharing options...
afish674 Posted June 7, 2012 Author Share Posted June 7, 2012 Think I've solved it. I changed the stork so that it was absolutely positioned instead of relatively positioned and made the parent container relatively positioned. That made it consistant between browsers. Then I just lined them up by adjusting the margins. 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