Solved

rowspan alter height in fixed column

Posted on 2004-08-19
3
451 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
  • 2
3 Comments
 
LVL 2

Expert Comment

by:rlovetx
Comment Utility
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
Comment Utility
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
Comment Utility
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 Should I Do With This Threat Intelligence?

Are you wondering if you actually need threat intelligence? The answer is yes. We explain the basics for creating useful threat intelligence.

Join & Write a Comment

Preface This article introduces an authentication and authorization system for a website.  It is understood by the author and the project contributors that there is no such thing as a "one size fits all" system.  That being said, there is a certa…
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 …
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

744 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

Need Help in Real-Time?

Connect with top rated Experts

19 Experts available now in Live!

Get 1:1 Help Now