liste mit outside im IE6 anzeigen

albinette · 16.07.2007, 20:19

Hallo an alle,
habe bereits im Forum geschaut und auch gelesen, dass der IE6 öfters Probleme mit Listen macht. Nun habe ich eine Liste mit dem Befehl
list-style: square outside
im FF klappt es, im IE6 wird gar kein Listenstil angezeigt. Sobald ich inside angebe klappts. Aber genau das möchte ich nicht, weil meine Bullets z. T. mehrzeilig sind. Habt ihr noch eine Idee, oder ist die einzige Möglichkeit ein background-image???

Vielen Dank und viele Grüße
albinette

webcreate · 16.07.2007, 20:25

Zeig mal das Ganze ...

albinette · 16.07.2007, 21:17

Hallo Mark,
habe die Liste ist in eine Tabelle eingefügt, links Bild und rechts die Bullets (ich dachte mit 2 Boxen float links und float rechts gehe es eh nur über inside):

table { border-collapse: collapse; }
td.bild {
margin: 0;
padding: 20px 0 0 0;
border-width: 0;
width: 150px;
height: 200px;
}
td.liste {
margin: 0;
padding-left: 0px;
border: none;
}
td.liste ul {
margin: 0;
padding: 0;
}
td.liste ul li {
font-weight: normal;
margin: 0;
padding: 0;
list-style-type: square;
list-style-position: outside;
display: list-item;
}

html:
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="bild">
<img src="produkte/vl_8000_titel.jpg" alt="VibroLyzer 8000" height="150" width="150" usemap="#vl_8000_titelc2bc28fe" border="0" /><map name="vl_8000_titelc2bc28fe"><area title="zoom" onclick="CSAction(new Array(/*CMP*/'c2bc333e3'));return CSClickReturn()" shape="rect" coords="117,133,161,165" href="#" alt="" csclick="c2bc333e3" /></map></td>
<td class="liste">
<h3>Besondere Merkmale</h3>
<ul>
<li>intuitive Bedienung durch Windows-Oberfläche</li>
<li>übersichtliche Ergebnisdarstellung auf sehr großem Farb-LCD</li>
<li>extrem großer Drehzahlbereich bis 300.000 1/min</li>
<li>systematisches Erkennen von Schäden durch Hüllkurvenanalyse</li>
</ul>
</td>
</tr>
</table>

Ist das ausreichend???

Vielen Dank und viele Grüße Birgit

webcreate · 16.07.2007, 22:05

Die Listelemente sind schon da, nur liegen sie unter der Grafik im IE.
Zumindest, wenn man DIVs verwendet und mal statt eine jpg ein transp. gif nutzt.

Aber wieso sollte das nicht mit Div gehen? Man muss halt nur im Folgeelement ein clear verwenden.
Ich habe das ganze nun einfach mal mit padding gelöst.

HTML-Code:

<head>
<style type="text/css">
	*{ 
	margin: 0;
	padding: 0;
	}
	.bild {
	padding: 20px 20px 0 0;
	width: 150px;
	height: 200px;
	float: left;
	}
	.bild img{
	border: none;
	}
	.liste li {
	font-weight: normal;
	list-style-type: square;
	list-style-position: outside;
	display: list-item;
	}
</style>
</head>
<body>
	<div class="bild">
		<img src="produkte/vl_8000_titel.jpg" alt="VibroLyzer 8000" height="150" width="150" usemap="#vl_8000_titelc2bc28fe" />
		<map name="vl_8000_titelc2bc28fe" id="vl_8000_titelc2bc28fe"><area title="zoom" onclick="CSAction(new Array(/*CMP*/'c2bc333e3'));return CSClickReturn()" shape="rect" coords="117,133,161,165" href="#" alt="" csclick="c2bc333e3" /></map>
	</div>
	<div class="liste">
		<h3>Besondere Merkmale</h3>
		<ul>
			<li>intuitive Bedienung durch Windows-Oberfläche<br />test</li>
			<li>übersichtliche Ergebnisdarstellung auf sehr großem Farb-LCD</li>
			<li>extrem großer Drehzahlbereich bis 300.000 1/min</li>
			<li>systematisches Erkennen von Schäden durch Hüllkurvenanalyse</li>
		</ul>
	</div>
</body>

albinette · 17.07.2007, 13:22

Danke Mark,

es lag am padding. Manchmal sieht man vor lauter Bäume den Wald nicht mehr.

Mit den 2 Boxen würde es ja generell klappen, wenn ich nicht dummerweise zu lange Texte (Bullets) hätte und zu wenig Bilder, so dass die Bullets nach dem Bild nach links rutschen und zum Abschluss ein Bild alleine steht, weil es dazu keine Bullets gibt. Bei der Tabelle lass ich einfach die Bilder nacheinander abbilden (insg. 4 Bilder) und in der rechten Spalte die unterschiedlichen Bullet-texte (insg. 3 Texte). War das jetzt kompliziert formuliert?

Viele Grüße Birgit

webcreate · 17.07.2007, 13:34

Ich habe Dein Vorhaben nun nicht so ganz verstanden, aber Du weißt anscheinend, was Du da machen willst, das ist das Wichtige.