×
INTELLIGENT WORK FORUMS
FOR COMPUTER PROFESSIONALS

Contact US

Log In

Come Join Us!

Are you a
Computer / IT professional?
Join Tek-Tips Forums!
  • Talk With Other Members
  • Be Notified Of Responses
    To Your Posts
  • Keyword Search
  • One-Click Access To Your
    Favorite Forums
  • Automated Signatures
    On Your Posts
  • Best Of All, It's Free!

*Tek-Tips's functionality depends on members receiving e-mail. By joining you are opting in to receive e-mail.

Posting Guidelines

Promoting, selling, recruiting, coursework and thesis posting is forbidden.

Students Click Here

Table not formatted correctly in all browsers

Table not formatted correctly in all browsers

Table not formatted correctly in all browsers

(OP)
Can anyone suggest why the table in the page at http://www.pdavis.nl/Test/Test.htm formats as I want (cells correctly aligned under their header) in Internet Explorer and Edge, but not in Firefox or Chrome (where the data rows are all compressed under the first column header), and suggest how to get the desired result in all browsers? - Make a selection in the righthand dropdown list to see some data. The HTML and javascript are actually generated in Microsoft Access.

The code is essentially:

CODE

<table border='1' bordercolor='#CCCCCC' cellspacing='0' style="width:100%">
<tr>
  <td style="width:6%">Date due</td>
  <td style="width:14%">Responsible</td>
  <td style="width:30%">Action</td>
  <td style="width:30%">Source</td>
  <td style="width:20%">History</td>
</tr>
<tr>
  <td valign='top' style='background-color:red'><font color='white'>30 dec 2017 (662)</font></td>
  <td valign='top'><font color='black'>First name</font></td>
  <td valign='top'><font color='black'>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse ut purus nunc.</font></td>
  <td valign='top'><font color='black'>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse ut purus nunc.<hr>Response: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse ut purus nunc..</font></td>
  <td valign='top'><font color='black'>Toezegging gedaan 30 jun 2016</font></td>
</tr>
.
.
.
</table> 

RE: Table not formatted correctly in all browsers

Hi

That is correct. If you set the display property of an element to inline, then it will behave as an inline element.

Change those display values to the one according to the expected display type :

CODE --> JavaScript ( fragment )

eval("S_" + i).style.display="table-row"; 
Note that old Explorer had no idea about the table related display types. That is why jQuery became so popular as it was able to handle such browser differences. ( Not anymore. Support for such old Explorer was dropped. )

Feherke.
feherke.github.io

RE: Table not formatted correctly in all browsers

(OP)
Hello Fehérke,

Thank you - indeed! This is a rather ancient programme.

Peter D.

Red Flag This Post

Please let us know here why this post is inappropriate. Reasons such as off-topic, duplicates, flames, illegal, vulgar, or students posting their homework.

Red Flag Submitted

Thank you for helping keep Tek-Tips Forums free from inappropriate posts.
The Tek-Tips staff will check this out and take appropriate action.

Reply To This Thread

Posting in the Tek-Tips forums is a member-only feature.

Click Here to join Tek-Tips and talk with other members! Already a Member? Login

Close Box

Join Tek-Tips® Today!

Join your peers on the Internet's largest technical computer professional community.
It's easy to join and it's free.

Here's Why Members Love Tek-Tips Forums:

Register now while it's still free!

Already a member? Close this window and log in.

Join Us             Close