Poorly designed html table structure
- you have 1 table for the 5 columns (3 plus 2 spacers) and are trying to control them w/ cell properties
- the content of the center is affected by rowspan attributes in the 2 outer cells
If you need 3 independent areas on a page, create an outer table (1 row, 3 columns) and nest a separate table in each cell for each
column
- that way the cells of each nested table are independent of the outer table cells
In the simplest form (w/o your spacers) your entire page should be laid out as
<div align="center">
<table border="0" cellpadding="0"><tr>
<td>Top Include</td></tr></table>
<table border="0" cellpadding="0"><tr><td>
<table border="0" cellpadding="0"><tr>
<td>Left Include</td>
</tr></table>
</td><td>
<table border="0" cellpadding="0"><tr>
<td>Center Include</td>
</tr></table>
</td><td>
<table border="0" cellpadding="0"><tr>
<td>Right Include</td>
</tr></table>
</td></tr></table>
<table border="0" cellpadding="0"><tr>
<td>Bottom Include</td>
</tr></table></div>
PS
Your spacer cell are empty and will be collapsed by most browsers
- use a transparent .gif or at least 2 to keep them from collapsing
- or use cell padding/spacing on the inner nested table in the new design to eliminate the need for the spacer cells
--
| Sorry about that,
|
| The cell I'm most interested in fixing is the one with the following text:
| Home - Next Link - Next Link
|
|
|
|
|
| | > Hi,
| >
| > I'm still stuck on this cell thing. Here's the web address to the files
| > that I'm working on:
| >
http://www.atvsource.com/z_site_nav/1_atvsoure_layout.htm
| >
| > Web address to the CSS file:
| >
http://www.atvsource.com/z_site_nav/atvsource_workable.css
| >
| > Any help would be much appreciated.
| >
| >
| >
| >
| >
| > | > > A cell will be the same height as the tallest cell in the row. Look and
| > see
| > > what is in other cells on the same row or if you have forced a height on
| > the
| > > table. If you still can't find the problem post a url.
| > >
| > > --
| > > Cheryl D. Wise
| > > MS-MVP-FrontPage
| > > (e-mail address removed)
| > >
| > >
| > > | > > >I have a little problem.
| > > >
| > > > I'm converting our site from using lots of HTML to CSS.
| > > >
| > > > I've gotten most of the site redesigned and looking like the original
| > with
| > > > CSS. However, there is one cell that will not work properly. The
| cell
| > > > height is to high and no matter what I try in CSS, margin, padding,
| the
| > > > cell
| > > > will not shrink down to fit one line of text across the width of it.
| > > >
| > > > The height size is about 7x that. The only way to get that cell to
| > shrink
| > > > down to one line of text is to use the cell height in frontpage and
| not
| > so
| > > > in CSS.
| > > >
| > > > Can anyone tell me if you can replicate the cell height in CSS. I've
| > > > looked
| > > > all over the place and read a lot on CSS without any clues as to where
| > to
| > > > go
| > > > to.
| > > >
| > > >
| > > >
| > > >
| > >
| > >
| >
| >
| >
|
|
|
