asked on

rowspan alter height in fixed column

Hi,

I ve fixed all the TD and IE change the values when show the page. This not ocurr with Opera. I need that BANNER section be 50px height but in IE is not the case but If i set the TD of CONTENT by example height="700px" IE set BANNER height to 50 but the page have scroll bar.

ThanX

<table width="750px" height="100px" border="1" cellpadding="0" cellspacing="0" bgcolor=Gainsboro>
<TR>
      <TD width="600px" height="60px" colspan=2>LOGO</TD>
      <TD width="150px" height="70px" rowspan=3> IMAGE</TD>
</TR>
<TR>
      <TD width="600px" height="5px" colspan=2 bgcolor=SlateGray></TD>
</TR>
<TR>
      <TD width="150px" rowspan="3" valign="top">
            <BR><BR><BR><BR><BR>
            <BR><BR><BR><BR><BR>
            <BR><BR><BR><BR><BR> MENU
      </TD>
      <TD width="450px" height="50px">BANNER</TD>
</TR>
<TR>
      <TD width="600px" height="5px" colspan=2 bgcolor=Orange></TD>
</TR>
<TR>
      <TD colspan=2>CONTENT</TD>
</TR>
</table>

rlovetx

Churo,

Your problem is the <br> tags in your MENU <td>.

HTML cannot compress text data below its minimum. If you remove all of the <br> tags from the menu <td>, then your code works fine in IE.

If you end up putting that many <br> tags in the MENU <td> when you add your content, you will have to add text or something (something to add height) to your IMAGE or CONTENT areas to balance out your <td>s. That's why setting the CONTENT height to 700 worked--it balanced out the <br> tags.

If this worked in Opera, it might have been a bug in the way Opera handled its <br> tags...

Churo

ASKER

realy i have a table where a put the <br>'s and the table is in <TD> with valign=top but the efect is the same as <BR>

the idea is that CONTENT has the result of a search so i dont know the heigth

<table width="750px" height="100px" border="1" cellpadding="0" cellspacing="0" bgcolor=Gainsboro>
<TR>
<TD width="600px" height="60px" colspan=2>LOGO</TD>
<TD width="150px" height="70px" rowspan=3> IMAGE</TD>
</TR>
<TR>
<TD width="600px" height="5px" colspan=2 bgcolor=SlateGray></TD>
</TR>
<TR>
<TD width="150px" rowspan="3" valign="top">
<TABLE>
                  <TR><TD>1</TD></TR>
                  <TR><TD>2</TD></TR>
                  <TR><TD>3</TD></TR>
                  <TR><TD>4</TD></TR>
                  <TR><TD>5</TD></TR>
                  <TR><TD>6</TD></TR>
                  <TR><TD>7</TD></TR>
                  <TR><TD>8</TD></TR>
</TABLE>
</TD>
<TD width="450px" height="50px">BANNER</TD>
</TR>
<TR>
<TD width="600px" height="5px" colspan=2 bgcolor=Orange></TD>
</TR>
<TR>
<TD colspan=2>CONTENT</TD>
</TR>
</table>

ASKER CERTIFIED SOLUTION

rlovetx

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial