2 svar · 280 visningar · startad av peppar
Jag får en förflyttning på 1pixel på en bakgrundsbild som lägg ut med css, när jag ändrar storleken på webbläsarfönstret. bilden ligger i <div id="top"> kan man låsa positionen i relation till den överordnade diven <div id="allPage">?
Bifogar två screenshots bild 1 bild 2
<body>
<div id="allPage">
<div id="top"></div>
<div id="container">
<div id="main">
Så här ser cssen ut:
body {
margin: 0;
padding: 0;
background-color: #ececec;
background-image: url(bg3.jpg);
background-repeat: repeat-y;
background-position: center;
font-family: Lucida Grande, Trebuchet Ms, Arial, Sans-serif;
font-size: 0.8em;
line-height: 140%;
}
#allPage {
width: 780px;
margin: 20px auto;
}
#container {
margin: 0 8px 0 8px;
}
#top {
margin: 0;
padding: 0 40px 0 30px;
height: 90px;
background: url(bgTop3.gif) no-repeat top center;
text-align: left;
color: #000;
}
Detta fenomen är enligt min erfarenhet MSIE specifikt.
Om du har en visningsyta i din browser på tex. 903px och din div#top är 780px. Då blir vänster och höger marginal inte lika stora eftersom ytan som omger din div#top inte är jämnt delbar med två.
903-780 = 123
123/2=61,5
Eftersom skärmen inte kan visa en halv pixel så blir ena marginalen 61 px och den andra 62px.
Testa att ändra div'ens bredd för att se om buggen försvinner
Japp, det löste problemet...! Sweet! :bire
r/ men det har inte bara varit ie specifikt, även med mozilla har samma uppstått...
