tejasamrute Posted December 30, 2014 Share Posted December 30, 2014 The columns are showing full width in IE7 & 8 even though i have set to 'col-sm-4'. i have used bootstrap files n respond.min.js locally inorder to eliminate probs caused by CDN links.. <head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script src="bootstrap.min.js"></script> <!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <script src="respond.min.js"></script> <![endif]--> <title>Untitled Document</title><style type="text/css">.container-fluid { background-color:pink;}</style></head><body><div class="container-fluid"> <h1>Hello World!</h1> <div class="row"> <div class="col-sm-4" style="background-color:lavender;">.col-sm-4</div> <div class="col-sm-4" style="background-color:lavenderblush;">.col-sm-4</div> <div class="col-sm-4" style="background-color:lavender;">.col-sm-4</div> </div></div></body> Link to comment Share on other sites More sharing options...
Ingolme Posted December 30, 2014 Share Posted December 30, 2014 Did you test this on a server or just in your local filesystem? I've found IE8 and under having trouble with bootstrap if you try it on the local filesystem. Link to comment Share on other sites More sharing options...
tejasamrute Posted December 31, 2014 Author Share Posted December 31, 2014 tried it on server..it is taking full width.... can you please put it on your server n check.....maybe this is server issue or something coz coding seems perfect... Link to comment Share on other sites More sharing options...
Ingolme Posted December 31, 2014 Share Posted December 31, 2014 No, it's not a server problem. Does your original code have a <!DOCTYPE> and <html> tag? Link to comment Share on other sites More sharing options...
tejasamrute Posted December 31, 2014 Author Share Posted December 31, 2014 <!DOCTYPE HTML><html lang="en"><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script src="bootstrap.min.js"></script> <!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <script src="respond.min.js"></script> <![endif]--> <title>Untitled Document</title><style type="text/css">.container-fluid { background-color:pink;}</style></head><body><div class="container-fluid"> <h1>Hello World!</h1> <div class="row"> <div class="col-sm-4" style="background-color:lavender;">.col-sm-4</div> <div class="col-sm-4" style="background-color:lavenderblush;">.col-sm-4</div> <div class="col-sm-4" style="background-color:lavender;">.col-sm-4</div> </div></div></body></html> Link to comment Share on other sites More sharing options...
Ingolme Posted December 31, 2014 Share Posted December 31, 2014 I'm testing this in Internet Explorer 8 and it is working fine. Internet Explorer 7 puts the columns side by side as well, except that the third column doesn't fit so it's going below. IE8 and under won't work right on the filesystem, but they work when the page is uploaded to localhost or another server. Link to comment Share on other sites More sharing options...
tejasamrute Posted December 31, 2014 Author Share Posted December 31, 2014 Are you checking in browser mode or document mode?...in developer tools Link to comment Share on other sites More sharing options...
Ingolme Posted December 31, 2014 Share Posted December 31, 2014 I don't see a "browser mode" option in the developer tools. The document mode option is the only one I can see here where different versions of IE can be tested. Link to comment Share on other sites More sharing options...
tejasamrute Posted December 31, 2014 Author Share Posted December 31, 2014 i have attached images of my view in document mode 7 & 8 Link to comment Share on other sites More sharing options...
Ingolme Posted December 31, 2014 Share Posted December 31, 2014 The newer version of Internet Explorer doesn't make a distinction between browser mode and document mode, you probably should change your browser mode to match the document mode when testing and be sure you're testing standards compliant document mode. What's the URL of the page you're testing? Did you check the console for errors? Link to comment Share on other sites More sharing options...
tejasamrute Posted December 31, 2014 Author Share Posted December 31, 2014 I am using IE9. Link to comment Share on other sites More sharing options...
Ingolme Posted December 31, 2014 Share Posted December 31, 2014 Open the developer tools, change browser mode and document mode to IE8, then open the console tab of the developer tools and reload the page to check for any errors. Make sure you're testing the page on a server, like localhost. Link to comment Share on other sites More sharing options...
tejasamrute Posted December 31, 2014 Author Share Posted December 31, 2014 I have noticed that if i choose browser mode 8 with document mode 8...it shows perfectly.....but it has to be done manually......is there any way to force this....e.g if a visitor has come from ie8.....his browser mode and document mode would be forced to ie8 Link to comment Share on other sites More sharing options...
Ingolme Posted December 31, 2014 Share Posted December 31, 2014 If they're actually using the real IE8 and not trying to emulate it then they won't encounter the problem. It's just your developer tools that work that way. Link to comment Share on other sites More sharing options...
tejasamrute Posted January 2, 2015 Author Share Posted January 2, 2015 i managed to solve the issue.....well it was stupid....somehow my respond.js was corrupt even though i downloaded from GitHub..'strange' 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