Reputation: 3
Hello people i stick on a problem i have a header with no zoom on 100% it look like this :
https://i.sstatic.net/S8tp8.png
but when i zoom the header goes right :
https://i.sstatic.net/BapBA.png
HTML:
<body>
<div id="header">
<div id="logo"></div>
</div>
</body>
css:
body {
background:url(images/bg.png);
margin:0;
padding:0;}
#header {
margin-bottom:170px;
background:url(images/headerBg.png);
height:386px;
width:100%;}
#header #logo{
min-width:990px;
height:207px;
width:990px;
background:url(images/logo.png);
margin:0 auto;}
Upvotes: 0
Views: 59
Reputation: 92843
Give min-width
to you body
as per your page width. Write like this:
body{
min-width:990px;
}
Upvotes: 1