Jeg er i gang med at kigge lidt på den video om tabeller i CSS, men nu er jeg stødt på et problem. Mine koder ser præcis sådan ud:
I html
Kode: Vælg alt
<html>
<head>
<META charset="utf-8" />
<META name="keywords" content="" />
<META name="description" content="" />
<title>Dette er min 3. titel med "Dette er en testside" :)</title>
<link rel="stylesheet" href="file:///Library/WebServer/Documents/NetBeansProjects/NetBeansProjects/CSS%20projekter/CSS%20layout%20(CSS%20fil).css" type="text/css"/>
</head>
<body id="table">
<table>
<tr>
<th>Overskrift 1</th>
<th>Overskrift 2</th>
<th>Overskrift 3</th>
</tr>
<tr>
<td>hej</td>
<td>hej</td>
<td>hej</td>
</tr>
<tr>
<td>hej</td>
<td>hej</td>
<td>hej</td>
</tr>
<tr>
<td>hej</td>
<td>hej</td>
<td>hej</td>
</tr>
</table>
</body>
</html>
I css
Kode: Vælg alt
#table {
border-style: solid;
border-width: thin;
border-color: #000000;
}
Men min ramme ligger ikke helt som i videoen. Sådan her ser det ud i Safari og Chrome (I må lige selv klikke på linkene, for billederne fylder ret meget):
http://i49.tinypic.com/6nxl51.png
Og sådan her ser det ud i Firefox:
http://i48.tinypic.com/2ymepab.png
What to do