Question about table borders

[vikramonline]

I have two tables both with border = "1" and bordercolor = "black",one on top of the other.

Now what is happening is that the common border between the two tables get increased in height( becomes 2),which is not what it should look like.I want the border to be same everywhere

Any suggestions.

 

[Vragabond]

What you are seeing is normal. Your first table has a border 1, your second table has border 1 and where they are joined there are two borders, thus 1+1 equals 2. Without knowing why od you use these tables it is hard to give you suggestions but here's what you could try:

1. put everything in one table
2. define the table borders with css -- this way you can omit the top or bottom border of one table respectively
3. move the bottom table a bit up with css, covering the first table:
<table border="1" bordercolor="black" cellpadding="0" cellspacing="0" style="position: relative; top: -1px;">

Let me know if you want a detailed description of any solutions. Hope it helps.

 

[BillyRayPreachersSon]

Check out the borderCollapse CSS property. It sounds like what you need:

http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/bordercollapse.asp

Hope this helps,
Dan

 

[pixl8r]

Or you could turn off the border on the nested (inside) table.

Just another option.

Wow JT that almost looked like you knew what you were doing!

 

[vikramonline]

Thanx all for ur valuable input.

I will try all ur suggestions and see which one works for me.