?
Solved

rowspan alter height in fixed column

Posted on 2004-08-19
3
Medium Priority
?
460 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 375 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

Optimize your web performance

What's in the eBook?
- Full list of reasons for poor performance
- Ultimate measures to speed things up
- Primary web monitoring types
- KPIs you should be monitoring in order to increase your ROI

Question has a verified solution.

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

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…
There are two main kinds of selectors in CSS: One is base selector like h1, h2, body, table or any existing HTML tags.  For instance, the following rule sets all paragraphs (<p> elements) to red: (CODE) CSS also allows us to define our own custom …
The viewer will learn how to look for a specific file type in a local or remote server directory using PHP.
HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5. As we learned in our last micr…
Suggested Courses

752 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