Ja ja ja... Nu slipper du altså ikke for også SELV at lave noget. Det er din opgave. :-Þ
Der var flere fejl jeg kunne spotte.
1) Du har en margin på 10 i dit table. Det vil jeg sætte til 0, så du har 100px til dit indhold.
2) Ca. hver anden gang sætter du din class på dit <div> tag (eller <span>) og hver anden gang på dit <td> tag. Lad være med det! Jeg har lavet et eksempel hvor der lidt mere konsekvent sættes class på dit <div> tag og KUN <div> Jeg har erstattet dine <span> med <div>
Dette er fordi Mozilla har svært ved at håndtere overflow:hidden på <td> tags, men kan godt finde ud af det på <div> tags, så meget brede tekster bliver korrekt trunkeret og ikke gør din tabel for bred.
Her er eksemplet. Kig på de første tre celler i den første række, og lav så resten af tabellen ligesådan.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
.ramme {
border: 1px solid #000000;
}
.emner {
width:100px;
overflow:hidden;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: normal;
color: #000000;
text-decoration: none;
font-weight: bolder;
}
.broedtekst {
width:100px;
overflow:hidden;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
line-height: normal;
color: #000000;
text-decoration: none;
}
.tal {
font-size: 11px;
font-style: normal;
}
TABLE {
width:700px;
}
-->
</style>
</head>
<body>
<table border="1" cellpadding="0" cellspacing="0" class="ramme">
<tr valign="top">
<td><div class="emner">1<br>
Identifikation og kortlægning
</div></td>
<td><div class="emner">2<br>
<br>
Beskrivelse og vurdering</div></td>
<td><div class="emner">3<br>
<br>
Prioritering </div><div class="broedtekst">1= Her og nu<br>
2= Vigtigt<br>
3= Afventer</div></td>
<td><div class="emner">4<br>
<br>
Handleplan for egne løsninger</div></td>
<td><div class="emner">5<br>
<br>
Løsninger </div><div class="broedtekst">der kræver inddragelse
af arbejdsgiver</div></td>
<td class="emner">6<br>
<br>
Opfølgning<br>
Hvem og hvornår</td>
<td><div class="emner">7<br>
<br>
Rådgivning<br>
</div><div class="broedtekst">Primært teknisk forvaltning/ Arbejdstilsynet</div></td>
</tr>
<tr valign="top">
<td><div class="emner">Temperatur</div><br>
<div class="broedtekst">Er der behagelig temperatur?<br>
Er der store temperaturvariationer over dagen; eller ved kraftig sollysindfald?<br>
Er der træk? (Fodkoldt/ Kuldenedfald fra ydervægge eller vinduer
o. lign.)</div></td>
<td class="broedtekst"> </td>
<td class="broedtekst"> </td>
<td class="broedtekst"> </td>
<td class="broedtekst"> </td>
<td class="broedtekst"> </td>
<td valign="bottom" class="broedtekst"> </td>
</tr>
<tr valign="top">
<td><div class="emner">Rengøring</div><br>
<div class="broedtekst">Bliver der gjort ordentlig rent?<br>
Hovedrengøring, hvor ofte?</div></td>
<td class="broedtekst"> </td>
<td class="broedtekst"> </td>
<td class="broedtekst"><p> </p>
<p> </p>
</td>
<td class="broedtekst"> </td>
<td class="broedtekst"> </td>
<td valign="bottom" class="broedtekst">Embedslægen</td>
</tr>
<tr valign="top">
<td><div class="emner">Byggematerialer</div><br>
<div class="broedtekst">Er de rengørings-venlige?<br>
Er de beskadiget? (Af slag eller slitage)</div></td>
<td class="broedtekst"> </td>
<td class="broedtekst"> </td>
<td class="broedtekst"> </td>
<td class="broedtekst"> </td>
<td class="broedtekst"> </td>
<td valign="bottom" class="broedtekst"> </td>
</tr>
<tr valign="top">
<td><div class="emner">Inventar</div><br>
<div class="broedtekst">Inventar der holder på støv?
(Sofa, stole, opslagstavler, forhæng, gardiner)</div></td>
<td class="broedtekst"> </td>
<td class="broedtekst"><p> </p>
</td>
<td class="broedtekst"> </td>
<td class="broedtekst"> </td>
<td class="broedtekst"> </td>
<td valign="bottom" class="broedtekst">Forbrugerstyrelsen</td>
</tr>
<tr valign="top">
<td><div class="emner">Skimmelsvampe</div><br>
<div class="broedtekst">Er der fugtpletter i f.eks. hjørner,
lofter, kældre?<br>
Er der muggen lugt?</div></td>
<td class="broedtekst"> </td>
<td class="broedtekst"> </td>
<td class="broedtekst"> </td>
<td class="broedtekst"> </td>
<td class="broedtekst"> </td>
<td valign="bottom" class="broedtekst">Specialistfirmaer</td>
</tr>
<tr valign="top">
<td><div class="emner">Ventilation</div><br>
<div class="broedtekst">Er der ventilationsanlæg<br>
Fungerer det tilfredsstillende?<br>
Bliver det regelmæssigt vedligeholdt?</div></td>
<td class="broedtekst"> </td>
<td class="broedtekst"> </td>
<td class="broedtekst"> </td>
<td class="broedtekst"> </td>
<td class="broedtekst"> </td>
<td valign="bottom" class="broedtekst">Private VVS firmaer</td>
</tr>
</table>
<p> </p>
</body>
</html>
