Table 100% and horizontal scrollbar, why?

Iaz · Jul 14, 2009

If you create a table width=100%, the horizontal scrollbar will appear
under IE8.

Example:

<html>
<body>
<table width=100%><tr><td></td></tr></table>
</body>
</html>

Is it normal? Why? And how to avoid it?

I could use 99% instead 100% but I don't like the workaround very much.

Doug Miller · Jul 14, 2009

If you create a table width=100%, the horizontal scrollbar will appear
under IE8.

Example:

<html>
<body>
<table width=100%><tr><td></td></tr></table>
</body>
</html>

Is it normal? Why?

Doesn't happen in Firefox, Safari, or Opera. So I'd say, no, it's not normal.

And how to avoid it?

Use a standards-compliant browser?

C A Upsdell · Jul 14, 2009

Iaz said:
If you create a table width=100%, the horizontal scrollbar will appear
under IE8.

Example:

<html>
<body>
<table width=100%><tr><td></td></tr></table>
</body>
</html>

Is it normal? Why? And how to avoid it?

I could use 99% instead 100% but I don't like the workaround very much.

For many, many years IE has had problems with 100% table widths. I
usually set the widths to 98% to avoid the problems. Even if you find a
fix for IE8, there are a lot of older version of IE which will likely
remain troublesome.

Nik Coughlin · Jul 15, 2009

Iaz said:
If you create a table width=100%, the horizontal scrollbar will appear
under IE8.

No, it doesn't:

http://nrkn.com/temp/tableWidth/

Example:

<html>
<body>
<table width=100%><tr><td></td></tr></table>
</body>
</html>

Is it normal? Why? And how to avoid it?

It's something else that you're doing, why don't you post an example.

Neredbojias · Jul 15, 2009

If you create a table width=100%, the horizontal scrollbar will
appear under IE8.

Example:

<html>
<body>
<table width=100%><tr><td></td></tr></table>
</body>
</html>

Is it normal? Why? And how to avoid it?

I could use 99% instead 100% but I don't like the workaround very
much.

Try using a strict doctype, style border:0; and width:100%; on the
table (-instead of width=100%), and make sure markup is all valid.

Ali · Jul 20, 2009

If you place:

overflow: hidden

in the body tag of your CSS it will fix the problem.

..body{
overflow: hidden
}

dorayme · Jul 20, 2009

Ali said:
If you place:

overflow: hidden

in the body tag of your CSS it will fix the problem.

.body{
overflow: hidden
}

And how does the user then see the rest of the table when it is wide and
the user has a less wide screen/browser?

Travis Newbury · Jul 21, 2009

And how does the user then see the rest of the table when it is wide and
the user has a less wide screen/browser?

Buy a bigger browser DUH...

dorayme · Jul 21, 2009

Travis Newbury said:
Buy a bigger browser DUH...

I know a bloke who bought a car that would not fit into his garage. he
loved the car more than the house so he moved to one with a bigger
garage.

Neredbojias · Jul 21, 2009

I know a bloke who bought a car that would not fit into his garage.
he loved the car more than the house so he moved to one with a bigger
garage.

I had the same problem with a particular body part and my ex-wife.

askbargains · Jul 27, 2009

Iaz said:
If you create a table width=100%, the horizontal scrollbar will appear
under IE8.

Example:

<html>
<body>
<table width=100%><tr><td></td></tr></table>
</body>
</html>

Is it normal? Why? And how to avoid it?

I could use 99% instead 100% but I don't like the workaround very much.

did you try to use pure CSS instead of the Table ? Does it work in the Other web browsers ?

How to wrap <td> content .	16	Sep 28, 2023
Having trouble centering contents of td ?	3	May 2, 2023
Filter table rows based on multiple checkboxes value	2	Jan 13, 2023
Help needed with thank you message	5	Sep 11, 2021
How can I create a table using the input element?	1	Mar 25, 2022
Function call from button to automatic	7	Mar 17, 2023
SendGrid email issue in responsive Gmail	1	Nov 4, 2021
Only one table shows up with the information	2	Mar 29, 2023

Table 100% and horizontal scrollbar, why?

Iaz

Doug Miller

C A Upsdell

Nik Coughlin

Neredbojias

Ali

dorayme

Travis Newbury

dorayme

Neredbojias

askbargains

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads