Kann keinen Absatz in Beispielwebsite einfügen.

    Hallöchen.


    Ich hab mich soeben an eure Beispielwebsite rangegeben (Säulen des 20. Jahrhunderts) und bin auf ein scheinbar unlösbares Problem gestoßen.


    Alles ist soweit fertig, außer dass ich wie in eurem Beispiel ein paar Absätze einfügen möchte, damit die Schrift nicht so aneinandergeklatscht aussieht. Ein Beispiel ist:


    <p>Diese Website gliedert sich in 4 Bereiche:</p>


    Aus mir nicht bekannten Gründen will der Browser aber keinen Absatz machen. Alle anderen Tags in diesem div-Bereich funktionieren aber ohne Probleme (z.B. <ul> und <li>).


    Habt ihr eine Idee was ich da machen kann?


    LG,
    Katta

    So, hier ist der komplette Quellcode für html sowie css...


    Danke für die Hilfe!



    <!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" xml:lang="de" lang="de">


    <head>


    <title>Design ueber CSS</title>


    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
    <link href="style.css" type="text/css" rel="stylesheet" />


    <style type="text/css">
    <!--
    * {
    margin:0;
    padding:0}


    html, body {
    font: 100% arial; elvetica; sans-serif;
    }


    #kopfbereich {
    background:url(bilder/hintergrundbild.jpg) no-repeat left top;
    height:150px}


    #kopfbereich p {
    color:white;
    text-align:right;
    font-size:2em;
    padding:0.4em 0.4em 0 0;
    }


    #braunezwischenzeile {
    background: #CCD0B0;
    padding-left:1em
    }


    #schattenwurf {
    background:url(bilder/schattenwurf-grau-v.png) repeat-x;
    }


    #Inhaltsbereich {
    padding-left:2em;
    padding-top:2em}


    #Inhaltsbereich h1 {
    font-weight:bold;
    }


    #Inhaltsbereich ul {
    padding-left:4em
    }



    -->
    </style>


    </head>


    <body>


    <div id="kopfbereich">
    <p>Pillars of the 20th century</p>
    </div>


    <div id="braunezwischenzeile">
    Steuerung
    </div>


    <div id="schattenwurf">
    </div>


    <div id="Inhaltsbereich">


    <h1>Willkommen zur Beispielwebsite</h1>


    <p>Diese Website gliedert sich in 4 Bereiche:</p>


    <ul>
    <li>Kopfzeile: Hintergrundbild-Download</li>
    <li>Zeile Steuerung</li>
    <li>Uebergang mit Schattenwurf</li>
    <li>Inhaltsbereich</li>
    </ul>


    Um die weiteren verschiedenen Bereiche beim Entwickeln am Besten einen Rahmen ziehen, damit
    sofort erkennbar ist, wo welcher div sitzt.


    </div>



    </body>


    </html>

    hm, ich find es jetzt echt nich, woran es liegt, dass bei dir da keine Absätze angezeigt werden....
    Du kannst ja mal selbst schauen, ob du hier was rausfindest, was dir helfen könnte: de.selfhtml.org/html/text/absaetze.htm


    Ich kenn mich mit den Absätzen so direkt auch nicht 100%ig aus...
    Wenn ich mal irgendwas brauche, damit der Text nicht so zusammengeklatscht aussieht, mach ich ein <br /> zwischen die Textblöcke und fertig ist der Lack... Absätze finde ich da eher unpraktisch und überflüssig.....

    hast du diese 'Fehlansicht' mal in unterschiedlichen Browsern getestet?
    Geradewohl IE nimmt nicht alle Standardformatierungen unbedingt durchaus immer als bare Münze...


    Kannst du mal den Link zu deiner Seite hier offenstellen?

    Zitat von &quot;Peter Gedamke&quot;

    Kannst du mal den Link zu deiner Seite hier offenstellen?


    Hast du den Code von oben einfach mal in eine HTML-Datei eingefügt? :D

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden