Topic: Table Border problem

Hi, guys. How are you?
Please help me.
I have a table. I set border: 1px solid #eee;
But some reason, the bottom of border never be shown on the screeen.
I don't know why. I tested IE5 and IE6. Neither of them doesn't show.
My stylesheet is:

#study_grape {

		width: 50%;

		position: absolute;

		top: 15%;

		left: 20%;

		border: 1px solid #999;

		border-collapse: collapse;

		font-family: verdana, arial, sans-serif;

		font-size: 12px;

		color: #555;

	

	}

And in body:

[code]

<table id="study_grape">
<tr><td>content1</td><td>content2</td></tr>
<tr><td>c3</td><td>c4</td></tr>
<tr><td>c5</td><td><c6/td></tr>
</table>[code]

Do you know what I mean? Please help!

Hiroki Kozai

Can you show us the page? I did a quick test in IE5, and I can see borders on all four sides of the table...

Hi, thanks for your reply.
Here is link.
As you can see, I cannot get the bottom border.
I don't know why.
Please help!

Hiroki Kozai

Try adding a margin to the bottom of the div.

Edit: no, that doesn't work. The reason I thought it might is because the border IS generated when the text doesn't extend to the bottom of the window. Is there a reason this text needs to be in a table?

[This message has been edited by SPyX (edited 11-02-2003).]

Yeah, becase that table inludes picutre and text.
There are two colums and 3 rows.
It is easy to use table to hold same sort of things.

Hiroki Kozai

You should really be coding with a doctype. I doubt this particular problem is caused by the lack of a doctype, but even if it isn't, any solution you come up with isn't guaranteed to work when a doctype is added later on. You should always use a doctype right from the beginning when you make a page.

And for something this simple, and non-tabular, you really shouldn't be using a table.