- Registriert
- 06.03.06
- Beiträge
- 356
Moin!
Ich habe eine html-Seite mit dem Aufzählungsattribut li erstellt. Ich brauche allerdings zwei li Klassen, weil ich verschiedene Breiten darstellen möchte:
Für die Breite von 452px benutze ich also die li-Klasse "wide". Dazu mien html-Code:
Im Safari wird alles korrekt angezeigt. Nun habe ich aber auch schon mit Opera und Firefox (2.0) getestet. Der auftretende Fehler ist folgender. Der Text nach dem Kommentar (s. html-Code) wird eingerückt. Das soll so nicht sein. Er soll an gleicher Stelle beginnen, wie die anderen Elemente. Nun habe ich schon viel probiert und die CSS-Anweisungen verändert - leider ohne Erfolg. Kann mir jemand weiterhelfen?
Gruß zoom
Edit: Außerdem wird das Bild in der wide-Klasse zu früh eingefügt. Es ist also mit negativem Wert eingerückt.
Edit2: Der Text wird auch im Safari eingerückt, allerdings nur minimal. Wie kommt das?
Ich habe eine html-Seite mit dem Aufzählungsattribut li erstellt. Ich brauche allerdings zwei li Klassen, weil ich verschiedene Breiten darstellen möchte:
Code:
body {
width: 698px;
}
li {
width: 220px;
min-height: 40px;
display: -moz-inline-stack;
display: inline-block;
vertical-align: top;
margin: 4px 6px;
zoom: 1;
*display: inline;
_height: 40px;
text-align: justify;
}
li.wide {
width: 452px;
}
Code:
<body>
<li><div>Lorem ipsum dolor hallo Text steht an dieser Stelle.</div></li>
<li><div>Lorem ipsum dolor hallo Text steht an dieser Stelle.</div></li>
<li><div>Lorem ipsum dolor hallo Text steht an dieser Stelle.</div></li>
<li><div><img src="bildq.jpg" /></div></li>
<li><div><img src="bildq.jpg" /></div></li>
<li><div><img src="bildq.jpg" /></div></li>
<li><div>Lorem ipsum dolor hallo Text steht an dieser Stelle.</div></li>
<!--Kommentar -->
<li class="wide"><div>Lorem ipsum dolor hallo Text steht an dieser Stelle. Hier steht noch mehr Text.</div></li>
<li><div><img src="bildq.jpg" /></div></li>
<li class="wide"><div><img src="bildq.jpg" /></div></li>
</body>
Gruß zoom
Edit: Außerdem wird das Bild in der wide-Klasse zu früh eingefügt. Es ist also mit negativem Wert eingerückt.
Edit2: Der Text wird auch im Safari eingerückt, allerdings nur minimal. Wie kommt das?
Zuletzt bearbeitet: