Refresh always needed for 100% table width

C. David Rossen · Jun 27, 2005

Hello:

I have had this problem on many websites I have built and just cannot figure
out why it is doing this.

On a page whose main table is 100% in width, the table does not extend all
the way on the right. The browser has to be refreshed each time you go to
the page for it to extend all the way to the right and fill the screen. Does
anyone know why this happens and if there is a fix for this?

Any help would be appreciated. Thank you.

David

Beauregard T. Shagnasty · Jun 27, 2005

C. David Rossen said:
Hello:

I have had this problem on many websites I have built and just
cannot figure out why it is doing this.

On a page whose main table is 100% in width, the table does not
extend all the way on the right. The browser has to be refreshed
each time you go to the page for it to extend all the way to the
right and fill the screen. Does anyone know why this happens and if
there is a fix for this?

How about a URL or two where this occurs so we can see it?

C. David Rossen · Jun 27, 2005

Here you go...

www.cdrmarketing.com/hm

thanks.

David

Beauregard T. Shagnasty · Jun 27, 2005

C. David Rossen wrote:

[top-posting fixed]

Here you go...

www.cdrmarketing.com/hm

First, I see no DOCTYPE, so browsers are in quirks mode. Add a Strict
doctype and see what happens.

http://www.w3.org/QA/2002/04/valid-dtd-list.html

Use HTML 4.01 Strict:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

Some browsers interpret margin and padding differently, so drop the
invalid <body topmargin="0" leftmargin="0"> and use CSS to set all
margin and padding to zero.

body { margin: 0, padding: 0 }

The rest is nested tables :-( and I don't want to try and
troubleshoot that. After you add the doctype, revisit here:
<http://validator.w3.org/check?verbose=1&uri=http://www.cdrmarketing.com/hm/>

C. David Rossen · Jun 27, 2005

bts-

Thanks very much. The margin style did the trick.

David

Beauregard T. Shagnasty said:
C. David Rossen wrote:

[top-posting fixed]

Here you go...

www.cdrmarketing.com/hm

Click to expand...

First, I see no DOCTYPE, so browsers are in quirks mode. Add a Strict
doctype and see what happens.

http://www.w3.org/QA/2002/04/valid-dtd-list.html

Use HTML 4.01 Strict:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

Some browsers interpret margin and padding differently, so drop the
invalid <body topmargin="0" leftmargin="0"> and use CSS to set all
margin and padding to zero.

body { margin: 0, padding: 0 }

The rest is nested tables :-( and I don't want to try and
troubleshoot that. After you add the doctype, revisit here:
<http://validator.w3.org/check?verbose=1&uri=http://www.cdrmarketing.com/h
m/>

Beauregard T. Shagnasty · Jun 27, 2005

C. David Rossen said:
bts-

Thanks very much. The margin style did the trick.

You're welcome. You may want to add the padding: 0 as well, since
different browsers treat it differently.

Again, please don't top-post, and trim quotes as necessary.
http://oakroadsystems.com/genl/unice.htm#upside

Child TABLE, width:100%	4	Jun 11, 2005
Centering picture element for larger screen sizes	2	Sep 21, 2023
Table width is always at 100%	0	Jul 30, 2007
Optimal way to make a table for large lists	2	Jul 7, 2022
Shrinking the width of a WIDTH=100% table	18	Jan 20, 2012
Making Table Text wider (other than "width")	1	Oct 20, 2011
How to add dropdown selected data to table using jquery	2	Jul 2, 2022
Filter table rows based on multiple checkboxes value	2	Jan 13, 2023

Refresh always needed for 100% table width

C. David Rossen

Beauregard T. Shagnasty

C. David Rossen

Beauregard T. Shagnasty

C. David Rossen

Beauregard T. Shagnasty

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads