Körnerbrötchen
Aktives Mitglied
Ich bastel gerade an einem Tabellenlayout. Wie gesagt steckt das ganze noch ganz im Anfang, aber ich hätte trotzdem ne Frage:
so sieht mein Quelltext aus:
und so der CSS-Teil
Und so sieht die Seite dann aus:
entferne ich jedoch hier das Cellpading und -spacing, da es ja bereits in der CSS-Datei vermerkt ist, verschiebt sich eine Tabelle:
und das sieht dann so aus:
Wo ist mein Denkfehler? Tritt das Problem nur beim FF 2 auf? Wäre gut wenn mir das jemand sagen könnte. Vielen Dank schonmal!
so sieht mein Quelltext aus:
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css" />
<meta content="text/html; charset=ISO-8859-1 http-equiv="content-type">
<title>Tabellenlayout</title>
<meta content="Pascua Theus" name="author">
<meta content="Tabellenlayout" name="description">
</head>
<body>
<center>
<table class="one">
<tr>
<td>
<table class="two" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#ADEDFF" height="100px">
<table style="width:100%;height:140px;" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td class="left-header"><img src="img/a/left_header.png" alt="Meine"></td>
<td class="middle-header">Head</td>
<td class="right-header"><img src="img/a/right_header.png" alt="Wallpaper"></td></tr></tbody></table>
</td>
</tr>
<tr>
<td width="100%"><table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%">
<tr>
<td class="navi">Navi</td>
<td class="content">Content</td>
</tr>
</table>
</td>
</tr>
</table></center>
</body>
</html>
Code:
body {
color:#FFFFFF;
background-color:#EFEFEF;
}
a:link {
color:#FF0000
}
a:visited {
color:#ff0000
}
.one {
border:2px solid black;
cellpadding:0px;
cellspacing:0px;
width:950px;
height:100%;
}
.middle-header {
width:100%;
background-image:url(img/a/middle_header.png);
}
.left-header {
width:86px;
}
.right-header {
width:494px;
}
.two {
border:0;
cellpadding:0;
cellspacing:0;
width:100%;
height:100%;
}
.navi {
width:15%;
background-color:silver;
}
.content {
width:85%;
background-color:grey;
}entferne ich jedoch hier das Cellpading und -spacing, da es ja bereits in der CSS-Datei vermerkt ist, verschiebt sich eine Tabelle:
HTML:
<table class="two" cellpadding="0" cellspacing="0">Wo ist mein Denkfehler? Tritt das Problem nur beim FF 2 auf? Wäre gut wenn mir das jemand sagen könnte. Vielen Dank schonmal!
