nicht angemeldet
margin-left, table und Mozilla
Hallo zusammen,
ich habe folgendes CSS geschrieben:
TABLE.foto {
margin-top:0px;
margin-left:30px;
margin-bottom:50px;
margin-right:0px;
width:730px;
height:155px;
background-image:url(../images/neg_grau.gif);
}
Mittels margin-left sollen Tabellen im Verhältnis zum übergeordneten <div> eingerückt werden. Dies funktioniert im Opera 6.05 und auch beim IE 6.0 aber leider nicht beim Mozilla 1.1. Es sieht so aus wie wenn margin-left:0px hätte.
Was ist da los? Wer kann mir helfen? Der Code ist im übrigen valide.
Gruß, Stefan
-
TABLE.foto {
| margin:0 0 50px 30px;
width:730px; height:155px;
}Mittels margin-left sollen Tabellen im Verhältnis zum übergeordneten <div> eingerückt werden.
Ohne auch die Eigenschaften des div (padding z.B.) oder besser den gesamten Code zu kennen, lässt sich das nicht sagen.
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.
Christoph
-
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-
<div id="content">
<table class="foto" border="0">TABLE.foto {width:730px;}
#content {width:380px;}Da wundert dich noch was?
Christoph
-
Hi Christoph,
<div id="content">
<table class="foto" border="0">TABLE.foto {width:730px;}
#content {width:380px;}Ups, das hab ich vergessen anzupassen.
Vielen vielen Dank!Gruß, Stefan
-
-
-