Tsjernobyl
Legacy Member
Dit is mijn HTML code :
De twee tabellen is normaal onder elkaar komen te staan verplaats ik via CSS :
Firefox doet het goed, maar IE zet de tabel ongeveer 100pixels hoger dan FF.
De tabel valt dan buiten beeld.
Hoe los ik dit op?
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>CSS positiontest</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css"
href="cssb.css" />
</head>
<body>
<table class="table1" width="250" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="250" class="tabletitle">Wat is CSS </td>
</tr>
<tr>
<td class="tablecontent"><p>CSS of <b>C</b>ascading <b>S</b>tyle <b>S</b>heets maakt een xHTML pagina op. Je Kan afbeeldingen possitioneren, teksten opmaken, kleuren instellen m.b.v. deze opmaak taal. </p>
</td>
</tr>
</table>
<table class="table2" width="250" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="250" class="tabletitle">Wat is CSS </td>
</tr>
<tr>
<td class="tablecontent"><p>CSS of <b>C</b>ascading <b>S</b>tyle <b>S</b>heets </p>
</td>
</tr>
</table>
</body>
</html>De twee tabellen is normaal onder elkaar komen te staan verplaats ik via CSS :
Code:
/* CSSB Document */
/*****BBBBBBBB******/
body{ background-color:#F2F2F2;
font:Verdana, Arial, Helvetica, sans-serif;}
h1{ font:verdana;}
.tabletitle { background-color:#BFF16C;}
.tablecontent { background-color:#A68C4B; color:#F2F2F2;}
.table2 { position:relative;
left:290px;
top: -150px}Firefox doet het goed, maar IE zet de tabel ongeveer 100pixels hoger dan FF.
De tabel valt dan buiten beeld.
Hoe los ik dit op?