PDA

View Full Version : Table Help


bigmike
11-05-2003, 03:08 PM
I have a problem with tables and not getting this entire page to show up.
Here is the table in question
<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
<tr width="100%" height="15%" colspan="2">
<td align=center>
Banner goes here(we need a new one):)</center></td>
</tr>
<tr width="100%" height="85%">
<td width="25%" height="85%"><a href="contact.html">How to Contact Us</a><br><a href="index.html">Home Page</a><br><br>
<br><a href="mailto:tlippoldve@bataviacsd.org">Click here to Email <br>The HiP HoP CaR ShOp</a><br>Phone Number:<br>1-585-343-2480<br>Our Fax Number:<br>1-585-344-8609
<br>
<marquee behavior="scroll" direction="up" width="100%" height="150" scrollamount="1" scrolldelay="80" onmouseover="this.stop()" onmouseout="this.start()"><p align="justify" valign="bottom">
<h3><u>Our Pledge to you...at tHe HiP hOp CaR sHoP</u></h3>
<i>is to ensure that our customers are completely satisfied. We guarantee all of the products we sell to the full extent. We serve our customers rapidly and do all that we can do, to provide you with the
best quality goods at the lowest prices, guaranteed. Remember, our staff is here to help our customers with all their needs.</i></p></marquee></td>
<td width="75%" height="85%"><h1>Welcome to the Hip Hop Car Shop</h1></b></i>
<h4>Here is our company list of Employees</h4>
<table width="50%" height="100%" cellspacing="0" border="2">
<tr width="100%" border="2">
<th>Employee Name</th>
<th>Department</th>
</tr>
<tr width="100%">
<td width="50%">Mrs. </td>
<td width="50%">CEO</td>
</tr>
<tr width="100%">
<td width="50%">Guy</td>
<td width="50%">Administration</td>
</tr>
<tr width="100%">
<td width="50%">Krysty</td>
<td width="50%">Administration</td>
</tr>
<tr width="100%">
<td width="50%">John </td>
<td width="50%">Accounting</td>
</tr>
<tr width="100%">
<td width="50%">Matt</td>
<td width="50%">Accounting</td>
</tr>
<tr width="100%">
<td width="50%">Yasmeen</td>
<td width="50%">Sales/Marketing</td>
</tr>
<tr width="100%">
<td width="50%">Sarah</td>
<td width="50%">Sales/Marketing</td>
</tr>
<tr width="100%">
<td width="50%">Jeni</td>
<td width="50%">Sales/Marketing</td>
</tr>
<tr width="100%">
<td width="50%">Adam</td>
<td width="50%">Sales/Marketing</td>
</tr>
<tr width="100%">
<td width="50%">MIGDIJFIDS</td>
<td width="50%">DJSFKLSDJF</td>
</tr>
</table></td>

</tr>
</table>

For some reason at the Sara Taggart The page cuts off!!!

webmom
11-06-2003, 01:51 AM
Before I get time to look into the code (I'm at work shhh ...) here are the results I find with the obsolete browsers we work with :

Netscape 4.7 : the whole table is visible but the Pledge part doesn't scroll.

IE 5.5 : the Pledge scrolls, but as you say the table stops with Sarah (does she have something against you ?) !

I'll try at home with Netscape 7 and IE 6 and if time will give a look at the code.

So many difficulties with cross-browsers compliance :grrrr:

A suivre ...

dabbler
11-06-2003, 03:11 AM
Try taking the height attribute out of the tables. I tried this and it displayed fully in IE6, Netscape 7.1, Opera 7, Mozilla and Firebird.

There were slight other problems to sort out, with the width of the marquee for example, but all the tables displayed fully.

HTH

bigmike
11-06-2003, 03:13 AM
thank you for the advice.
i did have height back at 4% but that only took me to yasmeen

tommy
11-06-2003, 04:19 AM
replace


<table width="50%" height="100%" cellspacing="0" border="2">
<tr width="100%" border="2">
<th>Employee Name</th>
<th>Department</th>

with

<table width="50%" cellpadding="8" cellspacing="0" border="2">
<tr width="100%" border="2">
<th>Employee Name</th>
<th>Department</th>


you will be able to view the whole table and on smaller monitors or browsers scroll down to view the list.