CODEWITHSUNDEEP
cssfirefoxgoogle-chromeposition
Claudiu Creanga
Claudiu Creanga

Reputation: 8366

chrome positions elements different from firefox

I have these buttons on top of my page and the issue is that chrome displays these buttons with 80px more to the right. What am I doing wrong?

this is the style of one button:

#engleza1{
position: relative;
top:0px;
left: 788px;
width: 51px;
height:42px;
}
#engleza1:hover{
position: relative;
top:0px;
left: 788px;
width: 51px;
height:42px;
background:url(../images/engleza.png) no-repeat;
cursor: pointer;
}

and this is the style of their wrapper:

#wrap{
width:100%;
height: 1950px;
text-align: center;
margin:0 auto;
overflow: hidden;
background:url(../ong.png) center no-repeat;
}

html:

<div id="wrap">
<div id="engleza1">
//nothing here
</div>
...
</div>

Upvotes: 0

Views: 709

Answers (1)

Rohit Azad Malik
Rohit Azad Malik

Reputation: 32162

Hi your some code is repeat so rmove it and replce this 

#wrap{
height: 1950px;
text-align: center;
margin:0 auto;
overflow: hidden;
background:red;
}
#engleza1{
position: relative;
top:0px;
  left:788px;
width: 51px;
height:42px;
  background:yellow;
}
#engleza1:hover{
background:green;
cursor: pointer;
}

for the demo change to according to your layout

live demo

Upvotes: 1

Related Questions