Problem with the design in IE

[Xenia]

Ηι,I have problem with the design of a page as in internet expoler it doesn't display it correct on contrast with the Mozilla Firefox.Please I would appreciate if you could have a look to my code and make any suggestions.

 <table width="637" height="287" border="0" align="center" cellpadding="0" cellspacing="4">            <tr>              <td width="77" height="276" rowspan="4"> </td>              <td width="154" height="66" valign="top" class="generalborder"><img src=".boycheckout.jpg" width="154" height="66" ></td>                <!-- start to display the details of the specifc info-->                 <? $sqlcolour = "Select * from Items,Brands,Kids,Categories where Brands.brandID=Items.brandID and Items.kidID=Kids.kidID and Items.categoryID=Categories.categoryID and Items.itemID='$itemID'";       $rscolour=mysql_query($sqlcolour);   $num=mysql_num_rows($rscolour);      $c=0;   while ($c<$num){   $itemID=mysql_result($rscolour,$c,"itemID");   $brand=mysql_result($rscolour,$c,"brand_name");   $colour=mysql_result($rscolour,$c,"colour");   $category=mysql_result($rscolour,$c,"categoryname");   $size=mysql_result($rscolour,$c,"size");   $price=mysql_result($rscolour,$c,"price");   $image=mysql_result($rscolour,$c,"image_small");   $image_large=mysql_result($rscolour,$c,"image_large");   $matching1=mysql_result($rscolour,$c,"matching1");   $matching2=mysql_result($rscolour,$c,"matching2");   $matching3=mysql_result($rscolour,$c,"matching3");   $descr=mysql_result($rscolour,$c,"description");   $ref=mysql_result($rscolour,$c,"ref");   ?>                         <td width="154" height="66" rowspan="3" valign="top"><?   $c++;   }?>               <img src="/large_<? echo $image_large; ?>" align="top"  ></td>              <td width="154" height="66" valign="top"><span><? echo $brand; ?></span><span class="generalfont"><? echo $descr; ?></span></td> <td width="154" height="276" valign="top" rowspan="4" >            <form name="search" method="post" action="../Xenia2/test.php">           <table width="154" height="276" border="0" cellpadding="0" cellspacing="0">         <tr>           <td width="154" height="19" valign="top" > <select name="kids" >                  <option selected value="kids"> Kids</option>                       <?  $querykids="select DISTINCT Kids.kid_category from Items,Kids where Kids.kidID=Items.kidID";                            $rskids=mysql_query($querykids);                           while ($rowkids=mysql_fetch_array($rskids)){                      echo "<option>$rowkids[kid_category]</option>";                   } ?>         </select></td>         </tr>        <tr>                 <td height="5"></td>               </tr>                <tr>                  <td height="19" valign="top"><select name="brands" >                    <option selected value="brands">Brands</option>                    <?  $querybrands="select DISTINCT Brands.brand_name from Items,Brands                              where Brands.brandID=Items.brandID ";                            $rsbrands=mysql_query($querybrands);                           while ($rowbrands=mysql_fetch_array($rsbrands)){                      echo "<option>$rowbrands[brand_name]</option>";                   } ?>                  </select></td>                </tr>  <tr>                 <td height="4"></td>               </tr>                <tr>                  <td height="19" valign="top"><select name="category" >                       <option selected value="category">Category</option>                       <? $querycategory="select DISTINCT Categories.categoryname from Items, Categories where                                  Items.categoryID=Categories.categoryID and Items.kidID='4'";                            $rscategory=mysql_query($querycategory);                           while ($rowcategory=mysql_fetch_array($rscategory)){                      echo "<option>$rowcategory[categoryname]</option>";                   } ?>         </select></td>                </tr>  <tr>                 <td height="7"></td>               </tr>                       <tr>                  <td height="66" class="generalborder"><input name="submit" type="image"  id="submit"  src="boycheckout.jpg" align="top" width="154" height="66"></td>                </tr> <tr>               <td height="4" valign="top"></td>               </tr>             <tr><td height="66" class="generalborder"><a href="/checkout.php" ><img src=".boycheckout.jpg" alt="checkout" width="154" height="66" border="0" align="top"></a></td>             </tr>                <tr>               <td height="4" valign="top"></td>               </tr><tr> <td height="66" class="generalborder"><a href="Xenia2/test.php" ><img src="boyback.jpg" width="154" height="66" border="0" align="top" onclic"history.go(-1)"></a></td>               </tr>               </table>            </form></td>            </tr>            <tr>              <td height="66" valign="top" class="generalborder">           <form action=".matching_items.php" method="get">             <table width="154" border="0" cellspacing="0" cellpadding="0">                <tr>                  <td width="78" valign="top" rowspan="2"><input name="submit" type="image" id="submit"   src="/small_<? echo $matching1; ?>"  alt="matching one" align="top" />                   <input name="matchingID" type="hidden" value="<? echo $row1['itemID']; ?>"/> </td>                  <td width="76"><span class="generalfont"><? echo $brand; ?></span></td>                </tr>                <tr>                  <td><span class="generalfont">£<? echo $price; ?></span></td>                </tr>              </table>          </form></td>              <td height="66" valign="top"><span class="generalfont"><? echo $size; ?></span><span class="generalfont"><? echo $colour; ?></span><span class="generalfont"><? echo $category; ?></span></td>          </tr>            <tr>              <td height="66" valign="top" class="generalborder">           <form action=".matching_items.php" method="get">             <table width="154" border="0" cellspacing="0" cellpadding="0">                <tr>                  <td width="78" rowspan="2"><input name="submit2" type="image" id="submit2"   src="images/../small_<? echo $matching2; ?>"  alt="matching two" align="top" />                   <input name="matchingID" type="hidden" value="<? echo $row1['itemID']; ?>" /></td>                  <td width="76"><span class="generalfont"><? echo $brand; ?></span></td>                </tr>                <tr>                  <td><span class="generalfont">£<? echo $price; ?></span></td>                </tr>              </table>           </form></td>              <td width="120" height="75" rowspan="2" valign="top">                               <form action="/addtobasket.php" method="post">                      <table width="120" height="75" border="0" cellpadding="0" cellspacing="0" valign="top"  >                <tr>                  <td width="119" height="25" valign="top"><label class="generalfont">SIZE</label>             <select name="size" class="selectcriteria">                <?  $querysizeselect="select DISTINCT Items.size from Items where Items.ref='$ref'";                            $rssizeselect=mysql_query($querysizeselect);                           while ($rowsizeselect=mysql_fetch_array($rssizeselect)){                      echo "<option>$rowsizeselect[size]</option>";                   }                 ?>             </select>                 <input name="colourdetails" type="hidden" value="<? echo $colour; ?>" />                             <input name="descrdetails" type="hidden" value="<? echo $descr; ?>" />             <input name="categorydetails" type="hidden" value="<? echo $category; ?>" />             <input name="imagedetails" type="hidden" value="<? echo $image; ?>" />             <input name="branddetails" type="hidden" value="<? echo $brand; ?>" /></td>                </tr>                <tr>                  <td height="25" valign="top"><label class="generalfont">QTY</label>               <select name="qty" class="selectcriteria">                 <option value="1">1</option>                 <option value="2">2</option>                 <option value="3">3</option>                 <option value="4">4</option>                 <option value="5">5</option>                 <option value="6">6</option>                 <option value="7">7</option>                 <option value="8">8</option>                 <option value="9">9</option>               </select>               <input name="itemIDdetails" type="hidden" value="<? echo $itemID; ?>" />               <input name="refdetails" type="hidden" value="<? echo $ref; ?>" /></td>                </tr>                                      <tr><td height="25" valign="top" ><input name="Submit" type="submit" class="selectcriteria" value="add to basket" /></td>   </table>            </form>          </td>                       </tr>            <tr>              <td height="36" valign="top" class="generalborder">           <form action="./matching_items.php" method="get">           <table width="154" valign="top" border="0" cellspacing="0" cellpadding="0">                <tr>                  <td width="78" rowspan="2"><input name="submit22" type="image" id="submit22"   src="/small_<? echo $matching3; ?>"  alt="matching three" align="top" />                   <input name="matchingID2" type="hidden" value="<? echo $row1['itemID']; ?>" /></td>                  <td width="76"><span class="generalfont"><? echo $brand; ?></span></td>                </tr>                <tr>                  <td><span class="generalfont">£<? echo $price; ?></span></td>                </tr>              </table>           </form></td>              <td height="66"><!-- the add item code will be inserted--></td>                       </tr>          </table>  

Thanks,Xenia

[justsomeguy]

+1, use of "the Fozilla"Your topic originally read "Problem with the design in IE". It should be changed to "Problem with the design of IE".What specifically is the problem? You pasted a lot of PHP code, is there a link people could go to to see the page live?

[Xenia]

Actually the code has most of it html code just it some points I am including PHP code to display information from the database.I have create a table with 5 columns and 4 rows and the dimensions for every cell is width:154, height :66. In the first column I have merge the cells in order to put one image with dimensions width:77,height:264(66x4(rows)). At the second column in the first row I have put an image(width:154,height:66).In the second row inside the cell I have put a table with two rows and two columns. I have merge the two rows from the first column and I have put php code which displays an image from the database.This image has a form as it redirect to another page. At the other two rows I am displaying information from the database. The same I have done with the two remain rows.(Actually the problem is that when I put the page live and I browse from Internet explorer it displays it as it is higher the cell from the specific height of 66.)At the third column I have merge the 3 rows and I have out an image taken from the database.The last row is just empty.The forth column displays other info from the database,the same have with the cell of the second row.The last 3 and 4 cells have been merged and include another table with 3 rows. The table has two drop down menus and one button with a form and hidden fields.The last column I have also merge the cells and I have insert another table with 4 rows.Before the table starts I have put a form which includes three drop down menus in the first cell, a button in the second cell, another image hyperlink in the third cell and at the fourt cell another image hyperlink.At the end of the table I close the form.When I put the php code it mess the design and make the cells of the second columnbigger than the height I want.Do you think that php might push the height of a cell?Thank you,Xenia