<p> lässt sich nicht mit margin formatieren (IE)

[sandra]

Hallo!

mal wieder ein etwas einfacheres Problem, bei dem ich überhaupt nicht weiterkomm:

<td class="Klasse">
  <p class="bodytext">
    blabla
  </p>
</td>

die css-Formatierung:

.Klasse .bodytext {
   ...
   margin-bottom: 0px;
   ...
}

nun sollte zwischen blabla und dem unteren Zellenrand kein Abstand mehr sein.

Ist auch nirgendwo, außer im Internet-Explorer..

weis jemand, wie ich es umgehen kann?

[Felix Riesterer]

Liebe sandra,

<td class="Klasse">
  <p class="bodytext">
    blabla
  </p>
</td>

iiiiiehgitt! Geht das nicht auch völlig ohne Tabelle?

.Klasse .bodytext {
   ...
   margin-bottom: 0px;
   ...
}

Soweit so gut.

nun sollte zwischen blabla und dem unteren Zellenrand kein Abstand mehr sein.

Tja, "Zellenrand" eben. Wie hast Du im CSS die "Zelle" denn formatiert? In Deinem Code lese ich nirgendwo etwas von td { ... }! Das bedeutet, dass hier dann eben das Default Stylesheet des verwendeten Browsers greift. Und wenn da eben ein Padding mit einem Wert ungleich null drinnesteht...

Liebe Grüße aus Ellwangen,

Felix Riesterer.

[sandra]

Hi Felix,

im td-tag steht mit style="padding-bottom:0px".

Gruss Sandra

[AllesMeins]

Hi,

im zweifelsfall lass dir mal ne border um die einzelnen elemente ziehen (bzw. gib ihnen ne Hintergrundfarbe). Damit kannst du dann erst mal feststellen welches Element überhaupt der Übeltäter ist. Ansonsten: Wie schauts mit margin aus? Kann es sein, das der IE ein margin statt padding für die Formatierung von <p> verwendet?

Marc

[sandra]

Hi,

margin steht auch überall drin...

habs mit Rahmen und bgcolor auch probiert, es liegt am <td>

[sandra]

Das komische an der sache ist, wenn ich eine andere Klasse als Klasse  nehme, funktioniert es, ich muss allerdings "Klasse" verwenden, da der Inhaltstext damit formatiert ist. Vielleicht fällt ja jemandem der Fehler darin auf:

.Klasse {
  font-family: Trebuchet MS, Verdana;
  font-size: 11px;
  line-height: 18px;
  color: white;
  margin-bottom:0px;
  padding-bottom:0px;
}

.Klasse a {
  font-family: Trebuchet MS, Verdana;
  font-size: 11px;
  line-height: 18px;
  color: white;
  text-decoration: none;
  margin-bottom:0px;
  padding-bottom:0px;
}

.Klasse a:hover {
  text-decoration: underline;
}

[Pierre]

Heia

Ich stelle am Anfang meines css immer alles auf 0.

* { padding: 0; margin: 0; border: 0; }

Das hilft mal, damit nicht irgendeine Einstellun vom Browser noch irgendwo reinfunkt. Könnte mir bei deinem Problem aber auch vorstellen, dass das Problem bei der Cascadierung liegt, das heisst dass irgendein Element reinfunkt, wo du gar nicht mit rechnest, denn Klassen sind schwächer als IDs und so fort. Vielleicht aber auch border-collapse oder sonst was.

Poste doch mal den Code, aus deinen Schnipseln wird man nicht wirklich schlau, wenn man das ganze sieht, vielleicht schon.

Pierre