Beziehungsproblem bei Chrome

Mariatt · 10 Januar 2011

Hallo CSS-Kenner,
ich habe ein (wahrscheinlich banales Anfänger-)Problem, das nur bei Chrome auftritt:
Ein Image und eine Tabelle sollen -oben bündig- nebeneinander stehen. Ich habe das in einem DIV arrangiert und das klappt auch prima mit IE8 und FF 3.6, aber bei Chrome8 bezieht sich das margin-top nicht auf die Tabelle, sondern auf das DIV. Die Tabelle hängt ganz oben am DIV, das sich komplett um den TOP-Wert nach unten schiebt.
Woran kann das liegen :?:
Hier kann man das sehen: CSS Test 1 - Beziehungsproblem bei Chrome

Danke schonmal und lg … Maria

Code:

div {
      width: 700px;
    }

img {
      float:         left;
      margin-top:    50px;
      margin-left:   10px;
      margin-right:  20px;
      width:        350px;
      height:       400px;
      border:         0px;
    }

table {
      border:           1px solid #040;
      border-collapse: collapse;
      margin-top:      50px;
      width:          300px;
    }


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<link rel="stylesheet" type="text/css" href="CSSTest1.css">
<meta name="Maria" content="html">
<title>CSS Test 1 - Beziehungsproblem bei Chrome</title>
</head>
<body>
<div style="background-color: #EFEEBC;">
    <img src="CSSTest1.jpg" alt="Leonie">
    <table>
          <tr>
           <td><b>Tabelle</b></td>
           <td>&nbsp;</td>
           <td>&nbsp;</td>
          </tr>
    </table>
    <br style="clear: both;">
    <p> </p>
</div>
</body>
</html>

Beziehungsproblem bei Chrome

Mariatt

Neues Mitglied

Neueste Beiträge