Krokador
05-25-2007, 07:14 PM
Alright, the title may not explain it all neatly. It's not the most important thing either, but I was trying to design a table (yea, tabular data, yknow) for a client who wanted it to absolutely fit 1 page, but also be divided into 4 different tables. I decided to make a compromise and add a double border to some rows so we can clearly see the divisions.
As usual, looks great in firefox , IE doesnt change the border-type however (probably due to the border-collapse: collapse;).
As I mentionned, due to the speed at which I must be done with this, this'll eb more like general knowledge than anything. Here's the simple html markup.
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<style type="text/css">
table.small td
{
font-size: 12px;
font-family: Arial Narrow, Arial, Sans Serif;
border: solid black 1px;
padding: 2px;
vertical-align: top;
}
table.small
{
border-collapse: collapse;
}
ul
{
display: inline;
}
</style>
</head>
<body>
<body>
<table class="small">
<tr>
<td>
<b>Conférence</b>
</td>
<td>
Différences et chevauchements entre le Dossier Santé Québec, le dossier patient électronique et le dossier médical électronique.
</td>
<td>
<b>Dr Claude Poirier</b>, Ing, M.D., M.Sc.
<b>Dr Mark Dermer</b>, M.D., CCFP, FCFP.
</td>
<td>
<a href=""> PDF </a>
</td>
</tr>
<tr>
<td rowspan="3">
<b>Panel</b>
</td>
<td rowspan="3">
Les suivis systématiques : de quoi parle-t-on ? Définitions, approches, contextes et conditions d'utilisation ? Apport aux projets cliniques, à la gestion des maladies chroniques et à la mise en oeuvre des réseaux intégrés de services.
</td>
<td>
<b>Dr Jean Rodrigue</b>, M.D.
</td>
<td>
<a href=""> PDF </a>
</td>
</tr>
<tr>
<td>
<b>Dr Marc St-Laurent</b>, M.D.
</td>
<td>
<a href=""> PDF </a>
</td>
</tr>
<tr>
<td>
<b>Mme Louise Cardinal</b>, Inf.
</td>
<td>
<a href=""> PDF </a>
</td>
</tr>
<tr style="border-top: double;">
<td>
<b>Atelier A</b>
</td>
<td>
Optimisation des processus de collaboration à l'aide des technologies de l'information dans le suivi des clientèles souffrant de maladies chroniques en soins de première ligne.
</td>
<td>
<b>Mme Solange Boucher</b>, Inf. clinicienne.
<b>Dr Alain Turcotte</b>, M.D.
</td>
<td>
<a href=""> PDF </a>
</td>
</tr>
<!-- rest of the table -->
</table>
</body>
</html>
so which browser's got the normal behavior in this situation? And how could I fix it so it works for IE? Thanks for any answer!
As usual, looks great in firefox , IE doesnt change the border-type however (probably due to the border-collapse: collapse;).
As I mentionned, due to the speed at which I must be done with this, this'll eb more like general knowledge than anything. Here's the simple html markup.
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<style type="text/css">
table.small td
{
font-size: 12px;
font-family: Arial Narrow, Arial, Sans Serif;
border: solid black 1px;
padding: 2px;
vertical-align: top;
}
table.small
{
border-collapse: collapse;
}
ul
{
display: inline;
}
</style>
</head>
<body>
<body>
<table class="small">
<tr>
<td>
<b>Conférence</b>
</td>
<td>
Différences et chevauchements entre le Dossier Santé Québec, le dossier patient électronique et le dossier médical électronique.
</td>
<td>
<b>Dr Claude Poirier</b>, Ing, M.D., M.Sc.
<b>Dr Mark Dermer</b>, M.D., CCFP, FCFP.
</td>
<td>
<a href=""> PDF </a>
</td>
</tr>
<tr>
<td rowspan="3">
<b>Panel</b>
</td>
<td rowspan="3">
Les suivis systématiques : de quoi parle-t-on ? Définitions, approches, contextes et conditions d'utilisation ? Apport aux projets cliniques, à la gestion des maladies chroniques et à la mise en oeuvre des réseaux intégrés de services.
</td>
<td>
<b>Dr Jean Rodrigue</b>, M.D.
</td>
<td>
<a href=""> PDF </a>
</td>
</tr>
<tr>
<td>
<b>Dr Marc St-Laurent</b>, M.D.
</td>
<td>
<a href=""> PDF </a>
</td>
</tr>
<tr>
<td>
<b>Mme Louise Cardinal</b>, Inf.
</td>
<td>
<a href=""> PDF </a>
</td>
</tr>
<tr style="border-top: double;">
<td>
<b>Atelier A</b>
</td>
<td>
Optimisation des processus de collaboration à l'aide des technologies de l'information dans le suivi des clientèles souffrant de maladies chroniques en soins de première ligne.
</td>
<td>
<b>Mme Solange Boucher</b>, Inf. clinicienne.
<b>Dr Alain Turcotte</b>, M.D.
</td>
<td>
<a href=""> PDF </a>
</td>
</tr>
<!-- rest of the table -->
</table>
</body>
</html>
so which browser's got the normal behavior in this situation? And how could I fix it so it works for IE? Thanks for any answer!