Seid gegrüsst.
Ich sitze vor einem eigentlich recht trivialem Problem, doch finde ich die Lösung nicht.
Ich habe einfach mal eine kleine Testseite geschrieben ohne grossen Inhalt, um ddas Problem zu verdeutlichen.
Der Text oben wird beim FF ca. 1px weiter nach unten verschoben, und auch die Tabelle ist in ihrer Höhe und vorallem in der 1. Spaltenbreite nicht gleich. Ich kann mir aber den Grund dafür nicht erklären.
Weiss jemand die Antwort darauf?
Herzlichsten Dank im Vorraus.
Mit der zugehörigen CSS-Datei:
P.S.: Ich füge die Darstellungen des Firefox und IE noch als Bilder hinzu:
Ich sitze vor einem eigentlich recht trivialem Problem, doch finde ich die Lösung nicht.
Ich habe einfach mal eine kleine Testseite geschrieben ohne grossen Inhalt, um ddas Problem zu verdeutlichen.
Der Text oben wird beim FF ca. 1px weiter nach unten verschoben, und auch die Tabelle ist in ihrer Höhe und vorallem in der 1. Spaltenbreite nicht gleich. Ich kann mir aber den Grund dafür nicht erklären.
Weiss jemand die Antwort darauf?
Herzlichsten Dank im Vorraus.
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[URL]http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd[/URL]">
<html xmlns="[URL="http://www.w3.org/1999/xhtml"]XHTML namespace[/URL]">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="language" content="Deutsch" />
<meta name="keywords" content="Trainingsseite, Dreamweaver" />
<meta name="description" content="Die Seite dient dazu, den Umgang mit Dreamweaver zu lernen." />
<link rel="stylesheet" type="text/css" href="mystyle.css" />
<title>Testseite</title>
</head>
<body>
<p>Text wird unterschiedlich hoch dargestellt</p>
<p>Die Tabelle wird ebenfalls unterschiedlich dargestellt (linke Zellen schmaler im IE)</p>
<table cellpadding="0" cellspacing="0" style="border:1px solid black; width:200px; margin-left:20px;">
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html>Mit der zugehörigen CSS-Datei:
Code:
@charset "utf-8";
/* CSS Document */
* {
margin:0px;
padding:0px;
}
body {
background-color: #FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
line-height:10px;
border-collapse:collapse;
}
td, th, table {
border-collapse:collapse;
border-color: #000000;
border:1px solid red;
}
td {
height: 50px;
}
p {
margin: 5px 0 5px 0;
}P.S.: Ich füge die Darstellungen des Firefox und IE noch als Bilder hinzu:
Anhänge
Zuletzt bearbeitet:
