nicht angemeldet
Hallo, ich habe ein kleines Problem, zu dem ich bis jetzt noch keine Lösung gefunden wurde. Anscheinend wurde eine ähnliche Problematik schonmal im Forum angesprochen, allerdings ohne eine Lösung.
Deswegen schildere ich es hier nochmals:
Ich habe eine Navigation, die vom Haupttext rechts umflossen werden soll. In diesem Haupttext kommt auch eine Liste vor.
Dummerweise rücken weder Opera 9, noch IE 6 oder Firefox 1.0 die Aufzählungs- bzw. Nummerierungszeichen ein, statt dessen wird der Beginn des Textes als Ausrichtungs-Kriterium verwendet. Mir margin oder padding lässt sich auch nichts ändern, da diese ja den rechten Rand als Ausrichtungskriterium verwenden. Die einzige Lösung, die ich bis jetzt gefunden habe, ist die Verwendung list-style-position:inside, allerdings wäre mir eine Lösung ohne diesen Trick
lieber.
Hier nochmal ein kurze Beispiel-Seite, die das Problem verdeutlichen soll.
Kennt jemand eine Lösung?
Quelltext:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<HTML>
<HEAD>
<TITLE>Test-Ausgabe</TITLE>
<META http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<META http-equiv="content-style-type" content="text/css">
</HEAD>
<BODY>
<DIV style="float:left; margin-right:10px; border: 1px solid #000; width:200px;">
<P>Hier ist die Navigation, die der Text rechts umließen soll.</P>
<UL>
<LI>Link 1</LI>
<LI>Link 2</LI>
<LI>Link 3</LI>
<LI>Link 4</LI>
<LI>Link 5</LI>
</UL>
usw.
</DIV>
<DIV>
<H1>Problem mit float und li</H1>
<P>Auf dieser Seite gibt es folgendes Problem:</P>
<P>Hier steht der Text, in dem es u.A. auch am Beginn des Dokuments eine Liste geben soll.</P>
<UL>
<LI>Listenelement 1</LI>
<LI>Listenelement 2</LI>
<LI>Listenelement 3</LI>
</UL>
<P>
Dummerweise rücken weder Opera 9, noch IE 6 oder Firefox 1.0 die Aufzählungs- bzw.
Nummerierungszeichen ein, statt dessen wird der Beginn des Textes als Ausrichtungs-Kriterium
verwendet. Mir margin oder padding lässt sich auch nichts ändern, da diese ja den rechten Rand
als Ausrichtungskriterium verwenden. Die einzige Lösung, die ich bis jetzt gefunden habe, ist die
Verwendung list-style-position:inside, allerdings wäre mir eine Lösung ohne diesen Trick
lieber.
</P>
<P>Zum Vergleich nochmal die gleiche Liste nach Ende der Navigation:</P>
<UL>
<LI>Listenelement 1</LI>
<LI>Listenelement 2</LI>
<LI>Listenelement 3</LI>
</UL>
</DIV>
</BODY>
selfcode ie:% fl:( br:< va:) ls:} fo:| rl:( n4:° ss:) de:] js:| ch:] sh:( mo:| zu:(
<< Life is just a moment in eternity, yet every life echoes there >>