table width problem

windows · Jan 9, 2008

I have a table that I want to fit entirely across the page horizontally, without any gaps at all, but no matter what i do, there is always about a 10pixel gap on the right side. 
 
the file is here: <a class="postlink" href="http://local.live.com.au/yak_test/another_test.htm">http://local.live.com.au/yak_test/another_test.htm</a> 
 
the gap on the right must disappear. 
 
And my code: 
 
<HTML> 
<HEAD> 
<TITLE></TITLE> 
</HEAD> 
<BODY bgcolor=white scroll=no> 
 
<div style="position: absolute; top: 40%; left: 0px; right: 0px;"> 
 
<table border=1 width=100% bgcolor=F85800 cellpadding=0 cellspacing=0> 
<tr><td> 
 
<OBJECT> 
-SWF code is here on the normal file! 
</OBJECT> 
 
</td></tr> 
</table> 
 
</div> 
 
 
</BODY> 
</HTML><HTML> 
<HEAD> 
<TITLE></TITLE> 
<style type="text/css"> 
BODY {margin: 0pt; border-width: 0pt; background-color: white; overflow: hidden} 
</style> 
</HEAD> 
<BODY> 
<div style="position: absolute; top: 40%; left: 0px;"> 
<table border=1 width=100% bgcolor=F85800 cellpadding=0 cellspacing=0> 
<tr><td> 
 
  
</td></tr> 
</table> 
</div> 
</BODY> 
</HTML>Why do you need the table? Its unnecessary.I have the table because I need the background color either side of the flash object, but not above or below it. 
 
I dont know much about CSS, so I used a table.You can use the following: 
body {margin: 40% 0 auto 0; background: #F85800} 
This will give top margin of 40% (using this instead of div positioned 40% from top), and the background will span the entire width of the page.thanks for that. So do I just take out any table and the div style, and replace it with that code for the body tag? 
 
Ive plugged around a bit and cant get it working. 
 
Would the body tag read: 
 
<BODY {margin: 40% 0 auto 0; background: #F85800} > 
 
And then whatever code below will stay within that boundary?<BODY {margin: 40% 0 auto 0; background: #F85800} > 
 
No. 
Use either 
<body style="margin: 40% 0 auto 0; background: #F85800"> 
or 
<head> 
<style type="text/css"> 
body {margin: 40% 0 auto 0; background: #F85800} 
</style> 
</head> 
<body> 
 
Since you used <div style="..."> in your original program, I presumed you'd know a little bit about CSS. Anyway, you can read about that at <a class="postlink" href="http://www.w3schools.com">http://www.w3schools.com</a>ok thanks again, but the desired effect still isnt happening. 
 
I want the orange background only to be either side of the flash object, but not above or below it. Above or below must be white. 
 
I have postd file again with your recommended changes at: 
 
<a class="postlink" href="http://local.live.com.au/yak_test/another_test.htm">http://local.live.com.au/yak_test/another_test.htm</a> 
 
Thanks again!

table width problem

windows

Guest