Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations TouchToneTommy on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Why isn't a table with 100% width 100% wide?

Status
Not open for further replies.
nationavon

nationavon

MIS
Jun 19, 2001
86
US
I have an html document that has the following tag setup for the body. The document also has a table that has a width of 100%. Occasionally when I load the document in IE I have about a quarter inch gap between the right side of the table and the scroll bar. If I refresh the page it goes away. What's the secret to getting a table to load the full width of the screen without refreshing?

Nathan

<body topmargin='0' leftmargin='0' marginheight='0' marginwidth='0'>
 
Sort by date Sort by votes
Make sure your table has a cellpadding of 0 and cellspacing of 0

eg:
<table width=&quot;100%&quot; border=&quot;0&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>
 
Upvote 0 Downvote
It does. Have you not ever encountered this problem?

Nathan
 
Upvote 0 Downvote
Yes, its the &quot;reloading&quot; bug, but when you have content extending pass your &quot;viewable&quot; area (hence scrolling down), it appears a-okay.


Add rightmargin=&quot;0&quot; in your body tag.
 
Upvote 0 Downvote
Worked like a charm! I wasn't even aware that rightmargin='0' was an attribute. Thanks for your help.

Nathan
 
Upvote 0 Downvote
Actually it isn't. Dont know why it isn't, but it isn't. W3C doesn't even recognize the tag. As much as I hate going against W3C, I found it quite odd that they would not include rightmargin in their tags. Oh well.
 
Upvote 0 Downvote
Why not just do this (it's in the standard):

<style>
body{
margin:0;
}
</style>

Rick
 
Upvote 0 Downvote
It has never worked for me. You could try, but it still does the &quot;reload&quot; bug.
 
Upvote 0 Downvote
As far as I understand it, rightmargin (along with left~, top~, and bottom~) are all proprietary tags added by Microsoft. The correct ones are marginwidth and marginheight. I usually set them all to just be careful.

Styles are nice, but you have to remember that some browsers still aren't up to par on that - yeah, I know it sucks. ________________________________________
Michael C Flanakin
Indigo Web Systems
michael.flanakin@indigows.com
 
Upvote 0 Downvote
The correct syntax for setting the right margin in CSS is:

margin-right: 0;

not rightmargin

Or as RISTMO suggested:
margin: 0;

That is shorthand for:
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;

Or you could code
margin: 0 0 0 0; Joe Bananas' guide to Perth, Scotland
Bananas' tribute to Fawlty Towers!
 
Upvote 0 Downvote
right~, left~, top~, and bottommargin are all tag properties, not CSS properties.

<body rightmargin=&quot;0&quot; leftmargin=&quot;0&quot; topmargin=&quot;0&quot; bottommargin=&quot;0&quot;> ________________________________________
Michael C Flanakin
Indigo Web Systems
michael.flanakin@indigows.com
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

scorney
  • Question
background image with overlay which Hover when over a specific Area/Form
Replies
1
Views
319
3esolar
3
Alt255
  • Locked
  • Question
Searching for a string that contains brackets
Replies
0
Views
122
Alt255
Alt255
jizzer
  • Locked
  • Question
HTML/CSS Image map with multiple tool-tips
Replies
3
Views
656
spamjim
spamjim
PeDa
  • Locked
  • Question
Display table td's as block element on mobile phone 1
Replies
3
Views
470
spamjim
spamjim
Mike Lewis
  • Locked
  • Question
How to refresh a Javascript file in the browser's cache?
Replies
4
Views
616
Mike Lewis
Mike Lewis

Part and Inventory Search

Sponsor

Back
Top