Aufzählung über zwei Zeilen bündig ausrichten?

Status
Nicht offen für weitere Antworten.

preko

Erfahrenes Mitglied
Hi,

ich habe auf einer Webseite eine Aufzählung mit <ul><li></li></ul> Tags.

Allerdings setzt der Browser die zweite Zeile, falls der Inhalt über zwei oder mehr Zeilen besteht, linksbündig am Rand an und nicht bündig mit dem Satzanfang in der ersten Zeile.

Um es mal zu verdeutlichen:

- Zeile 1 mit dem Inhalt
der über zwei Zeilen geht.


So stelle ich es mir jedoch vor:

- Zeile 1 mit dem Inhalt
  der über zwei Zeilen geht.


Hat jemand eine Idee, wie es per CSS (oder anders) regeln kann?


Beste Grüße,
preko
 
Bei mir machen die Browser (IE 6.0, FF 1.0.7, OP 8.01, NS 7.1, NS 8.0, NS 4.7) die von Dir beschriebene Formatierung ohne besondere CSS-Anweisungen. Beispiel-Code:
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
    "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
<head>
<meta http-equiv="Content-Type"
    content="application/xhtml+xml; charset=UTF-8" />
<title>Test: Listen</title>
</head>
<body>
<ul>
    <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
        Proin et dolor bibendum magna pellentesque bibendum.
        Donec dapibus.
        Quisque magna nunc, iaculis facilisis, sagittis commodo,
        pretium a, sem.
        Nullam gravida porta diam.
        Etiam et mauris quis augue
        vulputate malesuada.
        Duis neque nibh, ornare ut, elementum vitae, commodo et,
        turpis.
        Nam ante orci, ullamcorper non, elementum eu, accumsan
        et, dui.
        Curabitur fringilla risus in diam.
        Fusce diam.
        Cras dolor nisl, rutrum ut, laoreet non, ullamcorper
        at, nisi.
        Sed ac urna.
        Fusce sapien.
        Fusce tempor augue nec lectus dictum elementum.
        Curabitur dapibus diam quis velit.
        In turpis.
        Duis mi.
        Integer tristique, arcu vel dictum tincidunt, dolor
        odio consectetuer tellus, a luctus velit turpis a
        enim.</li>
    <li>Nam eget velit.
        Maecenas rhoncus, neque nec semper accumsan, erat purus
        fringilla nulla, eget sagittis nunc odio ac dui.
        Nam congue, quam mattis ullamcorper sagittis, magna
        lectus condimentum nisi, a scelerisque nibh leo in eros.
        Curabitur commodo.
        Mauris quis neque.
        Phasellus ultricies, dui eu adipiscing porta, velit dui
        convallis magna, at varius felis metus in ligula.
        Donec eget velit.
        Fusce nec lacus.
        Vestibulum vel turpis.
        Pellentesque augue velit, ullamcorper vel, placerat a,
        mattis a, nibh.
        Sed viverra tincidunt elit.
        Proin non leo.
        Morbi tristique nunc id risus.
        Cras in tellus id turpis lobortis varius.
        Nunc pede ante, congue ac, condimentum vitae, suscipit
        non, nulla.
        Curabitur ullamcorper sem.
        Donec pharetra.
        Quisque mi enim, mattis in, eleifend ac, laoreet
        sed, nibh.</li>
    <li>Etiam lobortis pharetra arcu.
        Morbi varius blandit lacus.
        Nam quis sem.
        Lorem ipsum dolor sit amet, consectetuer adipiscing
        elit.
        Sed vitae tellus.
        Quisque dictum ornare magna.
        Duis luctus dui quis erat.
        Donec dictum.
        Integer odio.
        Phasellus id odio nec ipsum lobortis hendrerit.
        Nunc porttitor lectus sed odio.
        Nullam elementum neque sit amet nisl.
        Sed quis massa.
        Sed commodo quam sit amet enim.
        Morbi at lorem.
        Morbi sodales.
        Vivamus tincidunt imperdiet erat.</li>
    <li>Nunc odio metus, aliquet non, porttitor vitae, posuere
        id, arcu.
        Vestibulum ante ipsum primis in faucibus orci luctus
        et ultrices posuere cubilia Curae; Proin consectetuer
        mollis nunc.
        Donec tincidunt mattis metus.
        Nam cursus nisi ut libero.
        In hac habitasse platea dictumst.
        Maecenas in pede et justo molestie luctus.
        Vivamus luctus ante.
        Sed vitae ligula ac felis vestibulum ullamcorper.
        Curabitur rhoncus est at arcu dignissim tincidunt.
        Fusce dignissim velit sed dolor.
        Praesent luctus lorem.
        Vestibulum ante ipsum primis in faucibus orci luctus
        et ultrices posuere cubilia Curae; Morbi massa
        arcu, tincidunt non, pharetra eu, fermentum ac, est.</li>
    <li>Sed dictum.
        Nullam vehicula.
        In cursus malesuada metus.
        Curabitur consectetuer, mauris sit amet euismod
        scelerisque, nunc sapien nonummy arcu, a aliquam
        ligula libero in odio. Donec vitae lacus.
        Quisque lorem.
        Nunc a nisi.
        Praesent purus justo, commodo ac, imperdiet vel,
        porta eget, massa.
        Pellentesque habitant morbi tristique senectus et
        netus et malesuada fames ac turpis egestas.
        Vestibulum eu eros in nisi auctor imperdiet.
        Vestibulum leo.
        Fusce viverra.
        Sed vel justo.</li>
</ul>
</body>
</html>
Zeig doch mal Deinen Quellcode, da ist vielleicht etwas "kaputtformatiert". Mit welchem Browser tritt denn das Problem auf?

Gruß hpvw
 
Hi,

vielen Dank für die schnelle Antwort.

Allerdings habe ich das Problem bei Typo3 (CM-System), welches ein CSS-basiertes Template benutzt.


Beste Grüße,
preko
 
Status
Nicht offen für weitere Antworten.
Zurück