+ Antworten
Ergebnis 1 bis 6 von 6

Thema: Probleme mit Line-height

  1. #1
    TP-Junior Peter__001 macht alles soweit korrekt
    Registriert seit
    Mar 2010
    Ort
    Ruhrgebiet
    Beiträge
    14

    Probleme mit Line-height

    Hallo zusammen,

    ich kenne das Forum schon länger und habe bisher hier zu vielen Themen Hilfe gefunden.

    Ich bin CS4-Dreamweaver-Anfänger und habe ich mich heute hier angemeldet, da ich ein Problem habe zu dem ich keine Lösung finden konnte.

    Also, ich habe einen mehrzeilgen Text in einem DIV-Container, den ich mit Line-Height gerne etwas 'luftiger' gestalten möchte.
    In der Entwurfsansicht sieht das dann auch Klasse aus, aber wenn ich die Live-Ansicht aktiviere oder mir das Ganze im Browser ansehe, siehts halt nicht mehr so prima aus. Die Abstände zwischen den Zeilen schrumpfen dann wieder zusammen.

    Ich habe so ziemlich alles ausprobiert und auch in meinem 'schlauen Buch' (Dreamweaver CS4 von Markt und Technik) finde ich dazu nichts.

    Kann mir jemand einen Tipp geben?

    Viele Grüße
    Peter

  2. #2
    TP-Specialist jayjay ist ein richtiges Arbeitstier - DANKE jayjay ist ein richtiges Arbeitstier - DANKE jayjay ist ein richtiges Arbeitstier - DANKE jayjay ist ein richtiges Arbeitstier - DANKE Avatar von jayjay
    Registriert seit
    May 2003
    Ort
    krefeld
    Beiträge
    3.631
    hallo, mal vorab, die vorschau im dw ist nicht verbindlich, immer im browser testen!
    zum thema, hast du einen link bzw den code? so ganz ohne ist es schwierig eine lösung zu finden.
    computer tun nur das was man ihnen sagt, meistens

  3. #3
    TP-Junior Peter__001 macht alles soweit korrekt
    Registriert seit
    Mar 2010
    Ort
    Ruhrgebiet
    Beiträge
    14
    Hallo jayjay,

    im Firefox siehts auch nicht besser aus als in der Live-Ansicht.

    Hier der Code:

    <!--
    #mitte_links {
    position:absolute;
    left:13px;
    top:164px;
    width:610px;
    height:236px;
    background-color: #FF0;
    }
    #mitte_links_inhalt {
    left:7px;
    top:4px;
    width:593px;
    height:225px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    color: #00F;
    text-align: justify;
    position: absolute;
    line-height: 140%;
    }
    -->
    </style>
    </head>
    <body>
    <div id="mitte_links">
    <div id="mitte_links_inhalt">
    <p>blablablablablabla blablablablablabla blablablablablabla blablablablablabla blablablablablabla.</p>
    <p>blablablablablabla blablablablablabla blablablablablabla blablablablablabla blablablablablabla.</p>
    <p>blablablablablabla blablablablablabla blablablablablabla blablablablablabla blablablablablabla.</p>
    <p>blablablablablabla blablablablablabla blablablablablabla blablablablablabla blablablablablabla.</p>
    <p>blablablablablabla blablablablablabla blablablablablabla blablablablablabla blablablablablabla.</p>
    </div>
    </div>


    Gruß
    Peter

    PS. Code formatieren, geht das hier?

  4. #4
    TP-Specialist jayjay ist ein richtiges Arbeitstier - DANKE jayjay ist ein richtiges Arbeitstier - DANKE jayjay ist ein richtiges Arbeitstier - DANKE jayjay ist ein richtiges Arbeitstier - DANKE Avatar von jayjay
    Registriert seit
    May 2003
    Ort
    krefeld
    Beiträge
    3.631
    moin, check das mal:
    HTML-Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Unbenanntes Dokument</title>
    <style type="text/css">
    <!--
    * {
        padding:0;
        margin:0;
    }
    
    body {
    }
    
    #mitte_links {
        position:absolute;
        left:13px;
        top:164px;
        width:610px;
        height:236px;
        background-color: #FF0;
    }
    
    #mitte_links_inhalt {
        left:7px;
        top:4px;
        width:593px;
        height:225px;
        text-align: justify;
        position: absolute;
    }
    #mitte_links_inhalt p {
        font-family: Verdana, Geneva, sans-serif;
        font-size: 12px;
        color: #00F;
        line-height:30px;
    }
    -->
    </style>
    </head>
    <body>
    <div id="mitte_links">
        <div id="mitte_links_inhalt">
            <p>blablablablablabla blablablablablabla blablablablablabla blablablablablabla blablablablablabla.</p>
            <p>blablablablablabla blablablablablabla blablablablablabla blablablablablabla blablablablablabla.</p>
            <p>blablablablablabla blablablablablabla blablablablablabla blablablablablabla blablablablablabla.</p>
            <p>blablablablablabla blablablablablabla blablablablablabla blablablablablabla blablablablablabla.</p>
            <p>blablablablablabla blablablablablabla blablablablablabla blablablablablabla blablablablablabla.</p>
        </div>
    </div>
    </body>
    </html>
    computer tun nur das was man ihnen sagt, meistens

  5. #5
    TP-Junior Peter__001 macht alles soweit korrekt
    Registriert seit
    Mar 2010
    Ort
    Ruhrgebiet
    Beiträge
    14
    Hallo jayjay,

    vielen Dank! Hab's ausprobiert und es klappt.

    Mich würde jetzt aber doch interessieren, warum es jetzt so aussieht wie es aussehen soll. Was hab' ich falsch gemacht?

    Gruß
    Peter

  6. #6
    TP-Specialist koenixblau lebt für das TP und seine User koenixblau lebt für das TP und seine User koenixblau lebt für das TP und seine User koenixblau lebt für das TP und seine User koenixblau lebt für das TP und seine User koenixblau lebt für das TP und seine User koenixblau lebt für das TP und seine User Avatar von koenixblau
    Registriert seit
    Jul 2006
    Ort
    Berlin
    Beiträge
    2.634
    Code:
    * {
        padding:0;
        margin:0;
    }
    Mehr dazu: http://www.webmasterpro.de/coding/ar...rvorgaben.html

    Kurz:
    Alle "Browser-Einstellungen" welche zum Einlesen von HTML-Elemente dienen wurden "resetet" > Vorrangig sind jetzt deine CSS-Definitionen.
    Newsflash:
    "Enjoy The Silence" live im Traum-Projekt!


    koenixblau | Flickr

+ Antworten

Ähnliche Themen

  1. line-height text position
    Von joextra im Forum HTML & CSS
    Antworten: 5
    Letzter Beitrag: 01.05.2009, 18:40
  2. Line-Height
    Von Elli im Forum HTML & CSS
    Antworten: 2
    Letzter Beitrag: 31.07.2006, 12:49
  3. line-height verschieden bei IE und FF?
    Von digimassa im Forum Webdesign allgemein
    Antworten: 9
    Letzter Beitrag: 13.04.2006, 23:57
  4. CSS ! Line-height - PROBLEM
    Von haibo im Forum HTML & CSS
    Antworten: 2
    Letzter Beitrag: 31.07.2005, 13:45
  5. css line-height Problem
    Von Billahonk im Forum HTML & CSS
    Antworten: 13
    Letzter Beitrag: 04.08.2004, 22:29

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

     

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51