Cross Platform Test Fails Miserably, Even Same Browser and Same OS
I've been designing my webpage in Firefox 4 (recenty updated to 5) on Debian. I just now went to http://browsershots.org to see how my site looked in other browsers. It turns out my site looks like hell everywhere but on my computer. Even in their Firefox 5 Debian test it looks different.
As seen on my computer: http://www.heathentechnologies.com/i...ebian-live.jpg
As seen on same browser, same OS at browsershots: http://www.heathentechnologies.com/i...ebian-test.jpg
Here is some relevant code:
style.css
Code:
body{
background-color: #000000;
background-image:url(../img/htbackground.jpg);
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center;
}
h3{
color: #c92828;
background-color: rgba(0,0,0,0.5);
margin-bottom: 0px;
}
#header{
height:535px;
width: 1024px;
}
#intlinks {
height: 55px;
margin: 25px auto;
width: 974px;
background-color: rgba(0,0,0,.65);
}
#whatis{
height: 120px;
width: 1024px;
text-align: center;
}
index.html
Code:
<body>
<div id="container">
<div id="header">
</div>
<div id="intlinks">
<!-- Button Code -->
</div>
<div id="whatis">
<div id="article">
<h3>
<!-- Title -->
</h3>
<p>
<!-- Text -->
</p>
</div>
</div>
<!-- More Stuff -->
</div>
</body>
Any idea why the two shots are different?
