SitePoint Sponsor

User Tag List

Results 1 to 6 of 6
  1. #1
    SitePoint Zealot
    Join Date
    Dec 2001
    Posts
    115
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    One of my table cell's keeps stretching

    Hi, I have a table problem with this new design I'm working on.

    As you can see at http://www.infraredesign.com/Clubracer/index8.php , 2 cells get bigger if I put content on the right side.
    The middle left cell, the middle middle cell and the middle right cell are set to 100% height (and the table too) but for some reason the table gets crappy if I enlarge the cell on the right...does anyone know why? Here's the code.
    Thanks in advance



    <HTML>
    <HEAD>
    <TITLE>Clubracer.be</TITLE>
    <link rel="stylesheet" href="css/stylesheet.css" type="text/css">
    <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
    </HEAD>
    <BODY BGCOLOR=#FFFFFF leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" text="#000000">
    <TABLE WIDTH=765 BORDER=0 CELLPADDING=0 CELLSPACING=0 height="100%">
    <TR>
    <TD COLSPAN=3>
    <TABLE WIDTH=765 BORDER=0 CELLPADDING=0 CELLSPACING=0>
    <TR>
    <TD HEIGHT="13" WIDTH="138"><IMG SRC="images/layout_01.gif" WIDTH=138 HEIGHT=13></TD>
    <TD HEIGHT="13" WIDTH="153"><IMG SRC="images/layout_02.gif" WIDTH=153 HEIGHT=13></TD>
    <TD COLSPAN=2 HEIGHT="13" WIDTH="468"><IMG SRC="images/layout_03.gif" WIDTH=468 HEIGHT=13></TD>
    <TD HEIGHT="13" WIDTH="6"><IMG SRC="images/layout_04.gif" WIDTH=6 HEIGHT=13></TD>
    </TR>
    <TR>
    <TD ROWSPAN=2 HEIGHT="64" WIDTH="138"><IMG SRC="images/layout_05.gif" WIDTH=138 HEIGHT=64></TD>
    <TD ROWSPAN=2 HEIGHT="64" WIDTH="153"><IMG SRC="images/layout_06.gif" WIDTH=153 HEIGHT=64></TD>
    <TD COLSPAN=2 HEIGHT="60" WIDTH="468" background="images/layout_07.gif">
    <div align="center"><img src="images/banner_test.gif"></div>
    </TD>
    <TD HEIGHT="60" WIDTH="6"><IMG SRC="images/layout_08.gif" WIDTH=6 HEIGHT=60></TD>
    </TR>
    <TR>
    <TD COLSPAN=2 HEIGHT="4" WIDTH="468"><IMG SRC="images/layout_09.gif" WIDTH=468 HEIGHT=4></TD>
    <TD HEIGHT="4" WIDTH="6"><IMG SRC="images/layout_10.gif" WIDTH=6 HEIGHT=4></TD>
    </TR>
    </TABLE>
    </TD>
    </TR>
    <TR>
    <TD HEIGHT="27" WIDTH="138"><IMG SRC="images/layout_11.gif" WIDTH=138 HEIGHT=27></TD>
    <TD COLSPAN=2 HEIGHT="27" WIDTH="627" background="images/layout_12.gif">
    <table width="627" border="0" cellspacing="0" cellpadding="0"><tr><td><table border="0" cellspacing="0" cellpadding="0" height="15"><tr><td height="15" width="10" nowrap></td>
    <td height="15" width="6" background="images/menu_top_left.gif" nowrap></td>
    <td height="15" background="images/menu_top_mid.gif"><a href="http://www.jim.be/forum" class="menu_top">forum</a></td>
    <td height="15" width="7" background="images/menu_top_right.gif" nowrap></td></tr>
    </table></td>
    <td><table border="0" cellspacing="0" cellpadding="0" height="15"><tr><td height="15" width="10" nowrap></td>
    <td height="15" width="6" background="images/menu_top_left.gif" nowrap></td>
    <td height="15" background="images/menu_top_mid.gif"><a href="bnvbnv" class="menu_top">downloads</a></td>
    <td height="15" width="7" background="images/menu_top_right.gif" nowrap></td></tr>
    </table></td>
    <td><table border="0" cellspacing="0" cellpadding="0" height="15"><tr><td height="15" width="10" nowrap></td>
    <td height="15" width="6" background="images/menu_top_left.gif" nowrap></td>
    <td height="15" background="images/menu_top_mid.gif"><a href="" class="menu_top">in&nbsp;de&nbsp;veiling</a></td>
    <td height="15" width="7" background="images/menu_top_right.gif" nowrap></td></tr>
    </table></td>
    <td><table border="0" cellspacing="0" cellpadding="0" height="15"><tr><td height="15" width="10" nowrap></td>
    <td height="15" width="6" background="images/menu_top_left.gif" nowrap></td>
    <td height="15" background="images/menu_top_mid.gif"><a href="" class="menu_top">links</a></td>
    <td height="15" width="7" background="images/menu_top_right.gif" nowrap></td></tr>
    </table></td>
    <td><table border="0" cellspacing="0" cellpadding="0" height="15"><tr><td height="15" width="10" nowrap></td>
    <td height="15" width="6" background="images/menu_top_left.gif" nowrap></td>
    <td height="15" background="images/menu_top_mid.gif"><a href="" class="menu_top">webcams</a></td>
    <td height="15" width="7" background="images/menu_top_right.gif" nowrap></td></tr>
    </table></td>
    <td WIDTH="100%"></td>
    </tr>
    </table>
    </TD>
    </TR>
    <TR>
    <TD HEIGHT="60" WIDTH="138"><IMG SRC="images/layout_13.gif" WIDTH=138 HEIGHT=60></TD>
    <TD HEIGHT="60" WIDTH="488" background="images/layout_14.gif" valign="bottom">
    <div align="right">22 februari 2002&nbsp; </div>
    </TD>
    <TD ROWSPAN=2 HEIGHT="100%" WIDTH="139" background="images/layout_15.gif" valign="top">
    <div align="center"><table width="137" cellspacing="0" cellpadding="0" border="0"><tr><td height="14" background="images/sidebars_title_bg.gif"><div align="center">Just a test..</div></td>
    </tr>
    </table>
    <table width="137" border="0" bordercolor="#" bgcolor="#FFFFFF" cellpadding="0"><tr><td bgcolor="#FFFFFF" bordercolor="#"><div align="center">just testing the script..
    just testing the script..
    just testing the script..
    just testing the script..
    just testing the script..
    just testing the script..
    just testing the script..
    just testing the script..
    just testing the script..
    just testing the script..
    just testing the script..
    just testing the script..
    just testing the script..
    just testing the script..
    just testing the script..
    just testing the script..
    just testing the script..
    just testing the script..
    just testing the script..
    just testing the script..
    just testing the script..
    just testing the script..
    just testing the script..
    just testing the script..
    just testing the script..
    just testing the script..
    just testing the script..
    just testing the script..
    just testing the script..
    just testing the script..
    just testing the script..
    just testing the script..
    just testing the script..
    just testing the script..
    just testing the script..
    just testing the script..
    </div></td>
    </tr>
    </table>
    </div></TD>
    </TR>
    <TR>
    <TD HEIGHT="100%" WIDTH="138" background="images/layout_16.gif" valign="top">
    <table width="137" border="0" cellspacing="0" cellpadding="0" >
    <tr> </tr>
    </table>
    <table width="137" border="0" cellspacing="0" cellpadding="0" >
    <tr>
    <td background="images/sidebars_title_bg.gif" height="14">
    <div align="center">Menu</div>
    </td>
    </tr>
    </table>
    <table width="137" cellspacing="0" cellpadding="1"><tr><td>&nbsp;<img src="images/closed.gif">&nbsp;<font size="1"><a href="">Getest</a></font><font color="#000000"></font></td>
    </tr>
    </table>
    <table width="137" cellspacing="0" cellpadding="1"><tr><td>&nbsp;<img src="images/closed.gif">&nbsp;<font size="1"><a href="">hhhhhhhhh</a></font><font color="#000000"></font></td>
    </tr>
    </table>
    <table width="137" cellspacing="0" cellpadding="1"><tr><td>&nbsp;<img src="images/opened.gif">&nbsp;<font size="1">ghf</font><font color="#000000"></font></td>
    </tr>
    <tr><td bgcolor="#FFFFFF">&nbsp;&nbsp;&nbsp;<img src="images/closed.gif">&nbsp;<font size="1" color="#000000"><a href="">hgf</a></font></td>
    </tr>
    <tr><td bgcolor="#FFFFFF">&nbsp;&nbsp;&nbsp;<img src="images/closed.gif">&nbsp;<font size="1" color="#000000"><a href="">hgf</a></font></td>
    </tr>
    <tr><td bgcolor="#FFFFFF">&nbsp;&nbsp;&nbsp;<img src="images/closed.gif">&nbsp;<font size="1" color="#000000"><a href="">hf</a></font></td>
    </tr>
    <tr><td bgcolor="#FFFFFF">&nbsp;&nbsp;&nbsp;<img src="images/closed.gif">&nbsp;<font size="1" color="#000000"><a href="">hgf</a></font></td>
    </tr>
    <tr><td bgcolor="#FFFFFF">&nbsp;&nbsp;&nbsp;<img src="images/closed.gif">&nbsp;<font size="1" color="#000000"><a href="">hgf</a></font></td>
    </tr>
    <tr><td bgcolor="#FFFFFF">&nbsp;&nbsp;&nbsp;<img src="images/closed.gif">&nbsp;<font size="1" color="#000000"><a href="">hf</a></font></td>
    </tr>
    <tr><td bgcolor="#FFFFFF">&nbsp;&nbsp;&nbsp;<img src="images/closed.gif">&nbsp;<font size="1" color="#000000"><a href="">hf</a></font></td>
    </tr>
    <tr><td bgcolor="#FFFFFF">&nbsp;&nbsp;&nbsp;<img src="images/closed.gif">&nbsp;<font size="1" color="#000000"><a href="">hgf</a></font></td>
    </tr>
    <tr><td bgcolor="#FFFFFF">&nbsp;&nbsp;&nbsp;<img src="images/closed.gif">&nbsp;<font size="1" color="#000000"><a href="">hf</a></font></td>
    </tr>
    <tr><td bgcolor="#FFFFFF">&nbsp;&nbsp;&nbsp;<img src="images/closed.gif">&nbsp;<font size="1" color="#000000"><a href="">hfg</a></font></td>
    </tr>
    </table>
    <table width="137" cellspacing="0" cellpadding="1"><tr><td>&nbsp;<img src="images/opened.gif">&nbsp;<font size="1">Just a test..</font><font color="#000000"></font></td>
    </tr>
    <tr><td bgcolor="#FFFFFF">&nbsp;&nbsp;&nbsp;<img src="images/closed.gif">&nbsp;<font size="1" color="#000000"><a href="">nnnnnn</a></font></td>
    </tr>
    </table>
    <table width="137" cellspacing="0" cellpadding="0" border="0"><tr><td height="14" background="images/sidebars_title_bg.gif"><div align="center">Another Test</div></td>
    </tr>
    </table>
    <table width="137" border="0" bordercolor="#" bgcolor="#FFFFFF" cellpadding="0"><tr><td bgcolor="#FFFFFF" bordercolor="#"><div align="center">......... sfjsh sdish dsdhbg
    dfgdjg sjfgs sjhsgf sjfgsg skfj
    sdfshbfgsgfsFV CSHFVSHG</div></td>
    </tr>
    </table>
    </TD>
    <TD HEIGHT="100%" WIDTH="488" bgcolor="#FFFFFF">just a test..</TD>
    </TR>
    <TR>
    <TD HEIGHT="13" WIDTH="138"><IMG SRC="images/layout_18.gif" WIDTH=138 HEIGHT=13></TD>
    <TD HEIGHT="13" WIDTH="488" background="images/layout_19.gif">
    <div align="center">
    Website by InfraRedesign.com, Copyright Clubracer.be </div>
    </TD>
    <TD HEIGHT="13" WIDTH="139"><IMG SRC="images/layout_20.gif" WIDTH=139 HEIGHT=13></TD>
    </TR>
    </TABLE>
    </BODY>
    </HTML>

  2. #2
    SitePoint Wizard creole's Avatar
    Join Date
    Oct 2000
    Location
    Nashvegas Baby!
    Posts
    7,845
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Re: One of my table cell's keeps stretching

    Not realyl sure which cells you mean. I'm looking at it and it looks ok to me. There's nothing that stands out as "messed up".

    Maybe you could indicate exactly which cells are causing the problem and what the page SHOULD look like? Try a screenshot of it the way it SHOULD look and one with it messed up.
    Adobe Certified Coldfusion MX 7 Developer
    Adobe Certified Advanced Coldfusion MX Developer
    My Blog (new) | My Family | My Freelance | My Recipes

  3. #3
    SitePoint Enthusiast
    Join Date
    Sep 2001
    Posts
    62
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I don't know much about HTML coding , but it looks like you have your main table set to 100%. So when you are using a larger monitor the table tries to fill the whole browser. Try setting the table to a pixel size. That way it will stay together. Again, give it a shot, but I'm not totally sure.
    signature

  4. #4
    SitePoint Zealot
    Join Date
    Dec 2001
    Posts
    115
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Re: Re: One of my table cell's keeps stretching

    Originally posted by creole
    Not realyl sure which cells you mean. I'm looking at it and it looks ok to me. There's nothing that stands out as "messed up".

    Maybe you could indicate exactly which cells are causing the problem and what the page SHOULD look like? Try a screenshot of it the way it SHOULD look and one with it messed up.

    screentshot : http://www.infraredesign.com/clubracermodern2.jpg (its not that exact same pic btw)

    For me, the cell with the picture saying Clubracer.be gets stretched + the cell next to it too.

    The table height is set to 100% because I want it to be stretched if there's not enough content..

    I can't seem to see what's wrong in my code though...anyone know? thnx

  5. #5
    SitePoint Wizard creole's Avatar
    Join Date
    Oct 2000
    Location
    Nashvegas Baby!
    Posts
    7,845
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hmmm...your screenshot and my browser window look just the same. What browser are you looking at this in>
    Adobe Certified Coldfusion MX 7 Developer
    Adobe Certified Advanced Coldfusion MX Developer
    My Blog (new) | My Family | My Freelance | My Recipes

  6. #6
    SitePoint Zealot
    Join Date
    Dec 2001
    Posts
    115
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    hmm weird, I use IE 6.0, anyway I solved it by merging both cells and inserting seperate tables


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •