CSS tables move all over the place in internet explorer only

**darkmagishin** · 01-26-2009

my servers main page wont work well in Internet Explorer

i want this to stay still in Internet Explorer, it does on firefox like the first 3 pictures, but in intenet explorer it always moves everywhere

i dont want it to move around when i zoom in or out

Code:

with internet explorer 7 when i zoom it or out it moves all the tables everywhere:

style sheet

Code:

.table
    {
    position:absolute;
    top:50%;
    left:50%;
    margin: 0px; 
    padding: 0px; 
    margin-top: -19; 
    margin-left: -366;
    

    }

.bg
    { 
    position:absolute;
    top:50%;
    left:50%;
    margin: 0px; 
    padding: 0px; 
    margin-top: -315; 
    margin-left: -490; 
    z-index: -1;
    }

index page

Code:

&html&
&head&
&link href="style.css" rel="stylesheet" type="text/css"/&






&/head&
&body bgcolor="#000000"&

<div class="table">
&!--url's used in the movie--&
&!--text used in the movie--&
&!-- saved from url=(0013)about:internet --&
&object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="299" height="260" id="JuiceShowTABLETemplate" align="middle"&
<param name="[removed]" value="sameDomain" />
<param name="movie" value="swf/JuiceShowTABLETemplate.swf" /><param name="quality" value="high" /><param name="wmode" value="transparent" /><param name="bgcolor" value="#006600" />&embed src="swf/JuiceShowTABLETemplate.swf" quality="high" wmode="transparent" bgcolor="#006600" width="299" height="260" name="JuiceShowTABLETemplate" align="middle" [removed]="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /&
&/object&
</div>



<div class="bg">
&!--url's used in the movie--&
&!--text used in the movie--&
&!-- saved from url=(0013)about:internet --&
&object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="906" height="742" id="JuiceShowTemplate" align="middle"&
<param name="[removed]" value="sameDomain" />
<param name="movie" value="swf/JuiceShowTemplate.swf" /><param name="quality" value="high" /><param name="wmode" value="transparent" /><param name="bgcolor" value="#000000" />&embed src="swf/JuiceShowTemplate.swf" quality="high" wmode="transparent" bgcolor="#000000" width="906" height="742" name="JuiceShowTemplate" align="middle" [removed]="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /&
&/object&
</div>
hel





&/body&
&/html&

read me

edit:

nvm i got it

for those of you who are having the same problem here is the fix:

Code:

.table
	{
	position: absolute;

	
	padding-top: 295px;
	padding-left: 125px;
margin-top: 0; 
margin-right: 0px;
margin-left: 0;
margin-bottom: 0px;
	
	}

.bg
	{ 
	position: absolute;
	
	
	padding: 0px; 

	z-index: -1;
	
margin-left: 0; 
margin-right: 0px;
margin-top: 0; 
margin-bottom: 0px;
	}

youll see that the padding is what will control where the divs are placed, instead of the percentages, good luck!