Solved

rowspan alter height in fixed column

Posted on 2004-08-19
3
458 Views
Last Modified: 2012-08-14
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
Comment
Question by:Churo
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
3 Comments
 
LVL 2

Expert Comment

by:rlovetx
ID: 11845461
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
 

Author Comment

by:Churo
ID: 11845740
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
 
LVL 2

Accepted Solution

by:
rlovetx earned 125 total points
ID: 11846027
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

What Is Transaction Monitoring and who needs it?

Synthetic Transaction Monitoring that you need for the day to day, which ensures your business website keeps running optimally, and that there is no downtime to impact your customer experience.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

I found this questions asking how to do this in many different forums, so I will describe here how to implement a solution using PHP and AJAX. The logical flow for the problem should be: Write an event handler for the first drop down box to get …
Have you tried to learn about Unicode, UTF-8, and multibyte text encoding and all the articles are just too "academic" or too technical? This article aims to make the whole topic easy for just about anyone to understand.
Viewers will learn one way to get user input in Java. Introduce the Scanner object: Declare the variable that stores the user input: An example prompting the user for input: Methods you need to invoke in order to properly get  user input:
This tutorial will teach you the core code needed to finalize the addition of a watermark to your image. The viewer will use a small PHP class to learn and create a watermark.

696 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question