CODEWITHSUNDEEP
htmlcss
user1481993
user1481993

Reputation: 3

css mistake under zoom

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

Answers (1)

sandeep
sandeep

Reputation: 92853

Give min-width to you body as per your page width. Write like this:

body{
 min-width:990px;
}

Upvotes: 1

Related Questions