Log in

View Full Version : Chrome Problem


InNeedofHelp
04-20-2009, 07:33 PM
So I coded a website for my friend where I put three elements inside a single table cell, and then positioned them relatively for their specific positions. But everything is off in Chrome, and I'm not sure why, because I used relative positioning. It works fine in IE, but that's because I programmed it in IE, I imagine. So does chrome measure pixels differently or something?

Any help would be appreciated, thanks.
Snookerman
04-20-2009, 07:39 PM
Please post a link to the page on your site that contains the problematic script or attach your code so we can check it out and help you.
bluewalrus
04-20-2009, 09:37 PM
I'd throw a guess out that its ie being weird and that in all other browsers it will be off. Have your tried it in other browsers as well? Code or Link would be the best way to get help though.
InNeedofHelp
04-20-2009, 10:27 PM
Ok, sorry, I didn't think to add the code, but here it is:

my body:

<body>
<center>
<table border=0 cellspacing=0 cellpadding=0>
<tr><td>
<img src="Banner.jpg">
<div id="Red" class="dragme" onmousedown="selectmouse()" style="z-index:1;float:right;position:relative;top:-45px;left:-9px;"></div>
<input type="button" value="Enter" id="AA" class="A" onClick="Enter()">
</td></tr>
</table><a href="http://www.thenr.net/alcoves" class="link">Enlightenment</a>
</body>

and the CSS that governs it:

#Red {
width:55px;
height:50px;
z-index:1;
background-color:#000000;
filter: alpha(opacity=00);
-moz-opacity: 0.0;
-khtml-opacity: 0.0;
opacity: 0.0;
}
body {
background-color:#222222;
}
table {
margin-top:250px;
}
.A {
border-top:1px solid #aaaaaa;
border-left:1px solid #aaaaaa;
border-right:1px solid #444444;
border-bottom:1px solid #444444;
background-color:#222222;
font: 10pt verdana, arial;
color:#aaaaaa;
float:right;
position:relative;
z-index:0;
top:-32px;
left:44px;
visibility:hidden;
}

.link {
position:relative;
top:-62px;
text-decoration:none;
color:ff0066;
font:11pt georgia;
}
</style>

It's a pretty strange site, but this is how he wanted it. The positions are all perfect in IE, but off by like 50 pixels in Chrome, and I haven't had a chance to check Mozilla yet. Any ideas?