<code> nimm margin-top nicht an.

Moin,

Zitat

Bei blockquote ist das anders, dort hat die "box" den gewünschten Abstand zum Fließtext.

Blockquote erzeugt automatisch einen Absatz "<p>", der entsprechend formatiert werden kann.
Bei <code> ist das nicht so... Tipp: Versuche mal das <code>-Element zu floaten.
Also mal dem obigen Quellcode folgendes hinzufügen:

code { ........... float: left; }

Moin,

code ist ein Inline-Element, die schwimmen nur in der Zeile mit und nehmen deshalb keine vertikalen Margins an.
Sowas ist eigentlich absolutes Grundlagenwissen.

Gib dem code-Element die Eigenschaft display: inline-block;
Dadurch ermöglichst du auch vertikale Margins und Paddings.

koslowski: Anstatt zu flamen, hättest du auch eine Lösung anbieten können.

Zitat von _Paul_

Gib dem code-Element die Eigenschaft display: inline-block;
Dadurch ermöglichst du auch vertikale Margins und Paddings.

koslowski: Anstatt zu flamen, hättest du auch eine Lösung anbieten können.

was soll das?? :roll:

Mit deiner Lösung kann er aber auch nichts anfangen, weil der IE6/7 inline-block nicht kennt.
Ihm muss man per Cond. Comment display:inline; und zoom:1; mit auf den Weg geben, um ein inline-block-ähnliches Verhalten hervorzurufen.
FF 2.. kennt es übrigens auch nicht.

Es ist die Frage, ob er mit der Lösung insgesamt überhaupt was anfangen kann, wenn er nicht mal weiss, was Inline- und Blockelemente und was die für ein Verhalten haben.
Man könnte Little Boxes Online empfehlen um sich Grundlagenwissen anzueignen.

Ich denke, auf den IE6 kann man mittlerweile verzichten, genauso wie auf den Firefox 2, gerade für private Projekte. Der IE7 ist mE grenzwertig, den würde ich für ein privates Blog auch nicht mehr unterstützen.

Christian H.
Folgendes muss also ins Css:

code {
  display: inline-block;
 *zoom: 1;
 *display: inline
 margin: 0 0 1em;
}

Die Eigenschaften mit den Sternen davor werden nur vom Internet Explorer 7 und 6 verstanden (Star-Hack).
Beim margin gilt die erste Null für den Abstand nach oben, die zweite für den Abstand nach links und rechts und die 1 für den Abstand nach unten.

Zitat von _Paul_

Der IE7 ist mE grenzwertig, den würde ich für ein privates Blog auch nicht mehr unterstützen.

Christian H.
Folgendes muss also ins Css:

HTML

code {
  display: inline-block;
 *zoom: 1;
 *display: inline
 margin: 0 0 1em;
}

Die Eigenschaften mit den Sternen davor werden nur vom Internet Explorer 7 und 6 verstanden (Star-Hack).

was erzählst du denn da für einen Unfug?
Der IE 7 ist noch sehr weit verbreitet.

Das mit dem Star Hack ist genauso ein Blödsinn.

Das liest der IE7 und der IE 5: *+html code....
Das liest nur der IE7: *:first-child+html code...
und das nur der IE6: * html code...Diese Anweisungen gehören in einen Conditional Comment und nicht in die normale CSS.

Informier dich doch wenigstens richtig bevor du hier einfach so unqualifiziert reintrötest. ;)

@Koslowsiki & Paul:

Warum überhaupt hacken? So etwas sollte man ja nicht per css oder Cond-Comment lösen, sondern einfach im Html. Wer einen Absatz größer haben will, soll auch Paragraphen verwenden und die dann entsprechend formatieren.

<style>
.post-text { margin: 0 0; }
.post-code { margin: 1.5em 0; }
</style>


<p class="post-text">Blabla .. Vorwort zum Code .. blabla!</p>
<p class="post-code"><code> Code </code></p>
<p class="post-text">Blabla .. Nachwort zum Code ..  blabla!</p>

So ist die Geschichte ja eigentlich gedacht, nen! :mrgreen:

Zitat von koslowski

was erzählst du denn da für einen Unfug?
Der IE 7 ist noch sehr weit verbreitet.

Das mit dem Star Hack ist genauso ein Blödsinn.

Das liest der IE7 und der IE 5: *+html code....
Das liest nur der IE7: *:first-child+html code...
und das nur der IE6: * html code...Diese Anweisungen gehören in einen Conditional Comment und nicht in die normale CSS.

Informier dich doch wenigstens richtig bevor du hier einfach so unqualifiziert reintrötest. ;)

Jopp, da hab ich gestern komplett alles durcheinandergebracht und falsch gemacht. Sorry. Versteh auch gerad nicht, wie ich das schreiben konnte- eigentlich weiß ichs besser :/

Was den IE7 betrifft: Ich schrieb mE- meines Erachtens. Für private Blogs oder Websites würd ich nur noch die letzten Browsergenerationen unterstützen, im Beruf kann ichs leider nicht machen, da müssen dann teilweise noch IE6, FF2 und Safari 3 mit rein.

Zitat von kaiser

Warum überhaupt hacken? So etwas sollte man ja nicht per css oder Cond-Comment lösen, sondern einfach im Html. Wer einen Absatz größer haben will, soll auch Paragraphen verwenden und die dann entsprechend formatieren.

So ist die Geschichte ja eigentlich gedacht, nen! :mrgreen:

jep, du hast vollkommen recht. :)

Zitat von koslowski

jep, du hast vollkommen recht. :)

Sowieso. Trotzdem eine Schelte. :mrgreen: Wer der genaueste Css-Guru in diesem Forum ist, muss das einfach von selbst wissen ;)

Moin,
<OT>

Zitat von _Paul_

Was den IE7 betrifft: Ich schrieb mE- meines Erachtens. Für private Blogs oder Websites würd ich nur noch die letzten Browsergenerationen unterstützen, im Beruf kann ichs leider nicht machen, da müssen dann teilweise noch IE6, FF2 und Safari 3 mit rein.

aber auch nur, wenn Du von einem Publikum ausgehst, welches mehr oder weniger fachkundig ist.
Bei uns (Konzern, über 30.000 Mitarbeiter deutschlandweit) ist der IE6 Standard, frag nicht warum, es geht aus bestimmten Gründen (Spezielle, nicht einfach neu zu erstellende Anwendungen) derzeit nicht anders. Bei unseren Nachbarn schräg gegenüber (weit über 40.000 Mitarbeiter) sieht das nicht besser aus. Interne Studien zeigen, dass es leider im privaten Bereich nicht wesentlich anders aussieht.

Diese User finden in der Regel Seiten, die Inhalte nicht anständig präsentieren können, Sch**ß*. Fertig. :) Ich denke das es wichtig ist, sich weit über den eigenen Tellerrand zu lehnen...</OT>

Und ansonsten: Es ist doch kein echtes Problem die meisten Browser ins Boot zu holen, nur etwas mehr Arbeit. Jammern über die "doofen Browser" oder User hilft kein bisschen. Im genannten Beispiel wäre das mal eben 70.000 User weniger... ;)

Gruß
Marc

Zitat von kaiser

Sowieso. Trotzdem eine Schelte. Wer der genaueste Css-Guru in diesem Forum ist, muss das einfach von selbst wissen

daran siehst du das ich weit davon entfernt bin irgend so ein komischer Guru zu sein. :-D

Zitat von -=Marc=-

Und ansonsten: Es ist doch kein echtes Problem die meisten Browser ins Boot zu holen, nur etwas mehr Arbeit. Jammern über die "doofen Browser" oder User hilft kein bisschen. Im genannten Beispiel wäre das mal eben 70.000 User weniger...

jau Marc, ich trau mich schon gar nicht mehr darauf hinzuweisen, das der IE6 noch relativ weit verbreitet ist.
Dieses unerträgliche Gejaule (vor allem von Webdesignern!) in Bezug auf den IE 6 kann ich schon lange nicht mehr hören.

Das der ein bißchen mehr Arbeit macht ist eigentlich schon alles und auch i.d.R. kein Problem. :)

Zitat von koslowski

bin irgend so ein komischer Guru. :-D

Sag ich doch! :mrgreen:

Zitat von koslowski

bin irgend so ein komischer Guru. :-D

Zitat von kaiser

Sag ich doch! :mrgreen:

hehe, der war gut. :-D