Stefan G.: margin-left, table und Mozilla

Beitrag lesen

Hallo Christoph,

Ohne auch die Eigenschaften des div (padding z.B.) oder besser den gesamten Code zu kennen, lässt sich das nicht sagen.

Hier ein Auszug aus dem HTML-Code:

<body>

<div id="content">
    <h1>menschen</h1>
    <table class="foto" border="0">
        <tr><td style="vertical-align:middle">text</td>...</tr>
        ...
    </table>
</div>

</body>

Und das noch benötigte CSS:

TABLE.foto {
    margin-top:0px;
    margin-right:0px;
    margin-bottom:50px;
    margin-left:30px;
    padding:0px;
    width:730px;
    height:155px;
    background-image:url(../images/neg_grau.gif);
}

#content {
    position: absolute;
    top:170px;
    left:50px;
    width:380px;
}

Hast jetzt eine Idee, woran es liegen könnte?

Btw.: Es ist sinnvoll, wenn man auch keine Shorthands benutzt, die Eigenschaften (border, margin, padding ...) trotzdem immer in der Reihenfolge aufzuschreiben: top, right, bottom, left. So kommt man weniger schnell durcheinander.

Darum verwende ich auch keine, ich kann mir nämlich die Reihenfolge nicht merken. Im Grunde aber hast du Recht.

Viele Grüße
Stefan