Cells not sizing properly

[={ Advocated }=]

Hey there, on my page i am using a few few different cells, For instance i
have 3 cells going down the page, like:
-------- a
-------- b
-------- c
--------

Each of these cells have been set with height's in the css file ive
included.

cell a has a height of 2px and cell b has a height of 15px

The thing is, they both appear the same size, any ideas?
Url: http://homepage.ntlworld.com/c.jones13/Web Sites/oneoffsites/

Thanks

 

[Richard]

Hey there, on my page i am using a few few different cells, For
instance i
have 3 cells going down the page, like:
-------- a
-------- b
-------- c
--------

Each of these cells have been set with height's in the css file ive
included.

cell a has a height of 2px and cell b has a height of 15px

The thing is, they both appear the same size, any ideas?

Url:: http://homepage.ntlworld.com/c.jones13/Web Sites/oneoffsites/

Thanks

Most likely because you put a character in the cell.
A space is a character and any character in the cell will cause that cell to
have the height of the character.

 

[Isofarro]

Hey there, on my page i am using a few few different cells, For instance i
have 3 cells going down the page, like:
-------- a
-------- b
-------- c
--------

Each of these cells have been set with height's in the css file ive
included.

cell a has a height of 2px and cell b has a height of 15px

The thing is, they both appear the same size, any ideas?

Use borders in CSS rather than structural markup for a presentational
purpose.

 

[Christian Dallapozza]

you have to be tricky with that ...

if you use an absolute height of the table (100%), all cells will become
bigger ....
so you define the hight of each cell as you want it and in the one of
the td you set the height also 100%

here's your code:

<table width="100%" height="100%" border="0" cellpadding="0"
cellspacing="0">
<tr>
<td class="logo">&nbsp;</td> <-- height defined with css
</tr>

<tr>
<td class="logo2">&nbsp;</td> <-- height defined with css
</tr>
<tr>
<td class="logo3">&nbsp;</td> <-- height defined with css
</tr>
<tr>
<td class="navbar">&nbsp;</td> <-- height defined with css
</tr>

<tr>
<td height=100%>&nbsp;</td> <-- set height 100%
</tr>
<tr>
<td height="223">&nbsp;</td> <-- height defined
</tr>
<tr>
<td height=xy>&nbsp;</td> <-- need to define height
</tr>

</table>

 

[EightNineThree]

you have to be tricky with that ...

if you use an absolute height of the table (100%), all cells will become
bigger ....
so you define the hight of each cell as you want it and in the one of
the td you set the height also 100%

Uh, what?


--
Karl Core

At times one remains faithful to a cause only because its opponents do not
cease to be insipid.
Friedrich Nietzsche

eightninethree AT eightninethree.com