css tabelbredde styring
Hej der.Hvordan får jeg min tabel til kun at fylde halvdelen af siden. Da jeg gerne vil have 1 billede til højre for tabellen.
Dvs. tabellen skal kun fylde 50% af siden vertikalt og så skal der indsættes 1 billede ved siden af?
Og et lille tillægsspørgsmål.
Når man sætter en baggrundsfarve på f.eks overskriften så fyldes farven helt over til højre side af skærmen selv om teksten ikke er så bred?
Vh. Morten
<!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" xml:lang="da" lang="da">
<head>
<title>Okuma MACTurn550</title>
<style type="text/css">
body { background-color:#ffffff;
margin:0px;
padding:0px;
background-image: url(lillebgmaskinelys.jpg) }
h1 { color:#ffffff;
Background-color:green;
text-align: left; }
table { table-layout: fixed;
font-family: verdana;
font-size: 1em;
border-width: 2px 2px 2px 2px;
border-style: solid;
border-color: black; }
th { background:rgb(255,205,50); }
td { background:rgb(255,255,255); }
tr.diff td { background:rgb(255,235,100); }
caption { text-align: left;
font-weight: bold; }
col { text-align: left;
Width: 25%; }
colgroup { text-align: right;
Width: 15%; }
</style>
</head>
<body>
<h1> Okuma MacTurn550-W</h1>
<table>
<caption>Specs for Okuma MacTurn550-W</caption>
<col></col>
<colgroup span="1"></colgroup>
<thead>
<tr>
<th>Maskinens specifikationer</th>
<th>Data</th>
</tr>
<thead>
<tbody>
<tr>
<td>Max. Dreje dia. / Længde</td>
<td>XA: Ø 720 / Z 2000</td>
</tr>
<tr class="diff">
<td>Værktøj mag.</td>
<td>32-SK100</td>
</tr>
<tr>
<td>Speed range</td>
<td>35-3,500, 38-3,800</td>
</tr>
<tr class="diff">
<td>Standard power</td>
<td>(40/30), 22/15, (30/20)</td>
</tr>
<tr>
<td>Rapid travers</td>
<td>30/26/40 W:40</td>
</tr>
</tbody>
</table>
</body>
</html>