Reputation:
I have just got a developer to redesign my website and I have noticed one thing. In Google Chrome my web page has a nice margin around it, about 2". But on IE the page goes right up to the edge of the page and makes the page look super big. I want them both to have a margin around the page. The web page I am talking about is, web design quotes. Is the code I need to change in the CSS? Any help is appreciated.
Upvotes: 0
Views: 144
Reputation: 5784
This link will show you how to make 'responsive web designs' so it fits all resolutions.
http://blog.teamtreehouse.com/beginners-guide-to-responsive-web-design
You can try this. it helps you when it does not work in IE
body {
margin:50px 0px; padding:0px;
text-align:center;
}
#Content {
width:500px;
margin:0px auto;
text-align:left;
padding:15px;
border:1px dashed #333;
background-color:#eee;
}
in your body you give the margin and in your content you do an margin auto.
as explained here: http://bluerobot.com/web/css/center1.html
Upvotes: 1