I'm trying to help out a friend with his site but I'm still new to CSS, I'm self-taught and it has honestly been over a year since I've done a website. He wanted me to have the left nav bar and the top banner run all the way to the edges. Like make them bigger and have the banner snug up to the top and left of the page and the left nav bar go all the way to the left while keeping everything else in the same position. Also the bottom table with the copyright info go all the way to the left like the nav bar. I have looked through the code over and over but I just keep screwing up somehow. I can't seem to size them right and I can't position them where they need to be, I still have the background showing through at the top and left.

http://www.teamtenshi.com/default2.htm

This is the site, man if anyone could take a look at this it would be greatly appreciated.

I'd like to help, but I'm not entirely sure what the problem is. I'm seeing the page as centered within my browser and it looks like it's set for 1024x768 resolution. At that resolution I see the page as being just slight off from the window edge. Is that what you mean?

You can set the padding of the html (or maybe it's the body) of the page to be 0 which will probably fix things for that resolution and for making the page touch the top of the browser window, but at larger resolutions the page is still going to be centered. You set the table to be centered so it will always center itself in the browser.

Thanks, ok I tried * {
padding: 0px;
margin: 0px;
}

and that brought the page to the top where I wanted but it also got rid of the white border around the page which they wanted to keep. Is there a way to change the center alignment of the page to left??

I actually think the page looks better centered, but to align it to the left you just need to remove the align="center" from your tables. I think I saw it in there on two tables.

I'm surprised the border went away when you changed the margin and padding to 0. Was the border gone on just the top and left? It might have really been there, but just blending in with the window border on the broswer.

I think you're right, the border was still there. I agree I think with the size of the page it looks better centered. I dug through and found the spots to align the page to the left. They want to add a blue gradiant to the left naz bar and make it look like it blends in with the background. Is there a way to remove that bottom white border from just the nav bar? Here is the site so far...


http://www.teamtenshi.com/default5.htm


Thanks for all your help!

I think that white is just because of the way the tables are set up. I think the flash is just a little shorter than the table and the table height is being forced to to be at it's current height by the content area on the right.

I noticed this code:

<table width="400" height="272" border="0">
  <tr>
  <td>&nbsp;</td>
 </tr>
</table>

below where you have the content and I think if you reduce the heght from 272 to about 260 (maybe a little less) it will close up the table some and meet up with the flash for the navigation.

Thanks man, well that table was a temp solution to get the copyright image at the bottom of the page, I tried adjusting the size but it just brings the copyright image toward the top. I tried table, table * { background: transparent; } but I can't find the right place to put it so the table the flash movie is in becomes transparent, I can only make all the tables transparent.

You might try adding an id (id="trans") to the table cell containing the flash and then try td#trans {background:transparent} and see if that works. the id should isolate the one table cell.

It might also be a matter of the height of the flash and the height of the table cell containing being off a little. Reducing the height of the containing cell might work.