Zeilenumbruch - zuwenig Zeilenhöhe

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Wenn ich im ACP einen Artikel schreibe. Dort dann 2x auf Enter klicke, also einen Absatz mache wird er im ACP angezeigt. Aber im Blog sieht man keinen Absatz. Dort ist direkt wieder Text. Verstehste? ;)

  • Ok, entschuldige. Es ist schon spät :)

    Also zum Problem: Guck mal in deine Stylesheetdatei 'style.css'. Dort in der Zeile 12 müsste folgendes stehen:

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

    Aus dem da machste einfach das hier drauss:

    Code
    * {
    border:0 none;
    /* margin:0; */ 
    padding:0;
    }

    Das was ich jetzt in /* .. */ geschrieben habe, kannst dann löschen. Soll nur zeigen wo der Fehler ist.

    Ich hoffe ich habe dir zu dieser späten Stunde helfen können,
    LG, Enes

  • Moin,

    Aus dem da machste einfach das hier drauss:

    Code
    * {
    border:0 none;
    /* margin:0; */ 
    padding:0;
    }

    Das was ich jetzt in /* .. */ geschrieben habe, kannst dann löschen. Soll nur zeigen wo der Fehler ist.

    ich schreibe es mal der späten Stunde zu, das solche...., äh,.... suboptimalen Empfehlungen gegeben werden. ;)

    Das nennt sich CSS-Prolog, wo man allenfalls drüber diskutieren könnte ob das border:0 none dazugehört.

    Ein gängiges, webdesignerübergreifendes Verfahren die browserinternen Vorformatierungen die Abstände betreffend auf null zu setzen, um eine einheitliche Grundlage zu schaffen.

    Sultan Wie wäre es wenn du mal ein paar grundsätzliche Formatierungen oben in deiner CSS verewigen würdest? Nach dem CSS-Reset werden normalerweise bestimmte Abstände erstmal wieder restauriert, z.B.:

    HTML
    p  {
       margin-bottom:0.5em;
    }

    Damit haben alle p's auf der Seite einen unteren Abstand.

    Ich würde dir auch empfehlen für body mal ne Schriftgröße, Zeilenabstand und Schriftarten zu hinterlegen:

    HTML
    body  {
      100%/1.4 arial, verdana, sans-serif;
    }

    Es ist sicher auch kein Fehler sich mal etwas mit CSS zu beschäftigen, hier z.B., um optisch das gewünschte Ergebnis zu erzielen. ;)

    Einmal editiert, zuletzt von koslowski (3. August 2009 um 06:42)

  • Tut mir leid.. hehe.
    Ich hab nicht dran gedacht, dass man trotzdem noch "margin-bottom" benutzen kann.



    Du hast das System des Browser-reset mit

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


    einfach nicht verstanden....

    ;) das ist CSS Grundlage Kurs 1

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!