• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 464
  • Last Modified:

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>&nbsp;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>&nbsp;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>
0
Churo
Asked:
Churo
  • 2
1 Solution
 
rlovetxCommented:
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...

0
 
ChuroAuthor Commented:
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>&nbsp;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>
0
 
rlovetxCommented:
Adding the new table into the menu field has exactly the same impact as the <br> tags did before.

A quick fix would be to add a few lines of text to the Content cell as a placeholder until you have search results.  By simply adding a few <br> tags to the Content box fixes the problem.

Try this code:

<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>&nbsp;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<br><br><br><br><br><br><br></TD>
  </TR>
</table>
0

Featured Post

Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now