CSS: Freier Raum oben in Boxen

Computer: Software & Programmierung HTML & CSS
#1

Hallo zusammen,

in meiner Homepage-Seite http://www.klicktipps.de/php-tipps-kirche-feiertage.php (und in anderen Seiten) ver wende ich Abschnitte mit p class=„codebox“, in denen den Lesern Codebeispiele präsentiert werden.

codebox ist formatiert mit:
.codebox{
background-color: #eee;
background-image:url(bilder/bg_kariert_hell.gif);
white-space: pre;
width: 98%;
margin: 8px 10px 8px 0px;
padding: 8px 10px 4px 10px;
FONT-FAMILY: ‚Courier New‘,‚Times New Roman‘;
border: 1px solid black;
}

Jetzt besteht das Phänomen, dass im Firefox oben im der Box erst mal eine leere Zeile kommt, während der Text im IE ‚brav‘ mit 8px oberem Abstand angezeigt wird.

Woran mag dieser Unterschied liegen, und wie kann ich ihn abstellen?

Schöne Grüße
JoKu

#2

Moin,

Du hast einen Zeilenumbruch zwischen Deinem p-Tag und dem Beginn des PHP-Codes. Also bekommst Du auch eine Leerzeile.

Liebe Grüße,
-Efchen

#3

Moin,

Du hast einen Zeilenumbruch zwischen Deinem p-Tag und dem
Beginn des PHP-Codes. Also bekommst Du auch eine Leerzeile.

Ups! Danke für den Hinweis!
Dann muss ich mich mal an die Arbeit machen. Kommt davon, wenn man beim Seite-Erstellen längere Zeit nur in den IE schaut und zu wenig in andere Browser.

Warum merkt der IE den „Zeilenumbruch zwischen Deinem p-Tag und dem
Beginn des PHP-Codes“ nicht?
Weil er auch hier mal wieder dödelig ist?

Liebe Grüße
JK

#4

Moin,

Kommt davon, wenn
man beim Seite-Erstellen längere Zeit nur in den IE schaut und
zu wenig in andere Browser.

Macht man ja auch nicht. Man testet zunächst mit einem Browser, der die Standards richtig umsetzt und nicht mit einem, der bekannterweise hier und da Macken hat.

Warum merkt der IE den „Zeilenumbruch zwischen Deinem p-Tag
und dem
Beginn des PHP-Codes“ nicht?
Weil er auch hier mal wieder dödelig ist?

Wäre für mich eine ausreichende Erklärung :wink:

Liebe Grüße,
-Efchen

#5

Tipp hat funktioniert. Danke nochmals!

LG
JoKu