fuchsbau
Threadersteller
Dabei seit: 15.08.2005
Ort: .//root
Alter: 40
Geschlecht:
|
Verfasst Mi 04.04.2012 16:53
Titel CSS: list item mit border |
|
|
Hallo Leute,
stelle mich grad völlig bescheuert an und sitze seit ner geschlagenen Stunde an einem völlig sinnlosem Problem:
ich habe eine ol-Liste mit list-style-type: square und möchte den einzelnen list items ein border: 1px solid verpassen.
nun wird der rahmen natürlich nur um den inhalt des li-items, nicht aber um das square gezogen. div außen herum geht nicht, gehört lt. w3c nicht zwischen ol und li...
also mein workaround:
Code: |
<ol style="list-style-type:square;margin:0;padding:0:border:0;">
<li style="margin:0;padding:0:border:0;">
<div style="padding:0 0 0 15px;border:1px solid;position:relative;left:-15px;">
</div>
</li>
</ol>
|
so in etwa funktioniert das dann auch, ist valide und gut... aber... was täte ich den ganzen tag wenns nicht den IE6 gäbe. der lässt nämlich exakt sobald dort das position:relative; auftaucht die border-top verschwinden.
jetzt hab ich ewig rumprobiert und find keine lösung.
hat jemand eine idee?
danke danke danke...
(und bitte: kein "warum noch für IE6 optimieren"-getrolle... danke)
Zuletzt bearbeitet von fuchsbau am Mi 04.04.2012 17:03, insgesamt 1-mal bearbeitet
|
|