IE6 UL and Removing Indent CSS Question

Question IE6 UL and Removing Indent ( SitePoint Forums CSS )
Updated: 2010-07-21 05:50:03 (4)

IE6 UL and Removing Indent

Code:

#middle ul.specs {
    height: 190px;
    margin-left: 10px;
    padding-left: 0;
}

Seems pretty straightforward, right. Works in everything but IE6 (it does work in IE5.5). The bullets are simply not there. Any ideas how to put them back?

Answers: IE6 UL and Removing Indent ( SitePoint Forums CSS )

IE6 UL and Removing Indent

add

list-style: circle;

inter4design

IE6 UL and Removing Indent

Try reversing padding and margin instead:

HTML Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Spec sheet</title>
<style type="text/css">
<!--
#middle ul.specs {
				height: 190px;
				background: yellow;
				padding: 0 0 0 1em;
				margin: 0;
}
-->
</style>

</head>
<body>
<div id="middle">
<ul class="specs">
<li>Made of durable weapons-grade titanium.</li>
<li>Fits easily into your car's glove compartment.</li>
<li>Compatible with the iTunes Music Store.</li>
<li>Weights only 6.5 ounces.</li>
</ul>
</div>
</body>
</html>

vgarcia

IE6 UL and Removing Indent

Look out for anything that IE6 could read as a duplicate. If you use #middle more than once IE6 might have a bug that sees the ID as a duplicate. Try renaming it to see what happens.

If that doesn't work - you might try using a style instead of an ID.

/silly IE6

emstro

IE6 UL and Removing Indent

I needed to switch the padding and margin AND increase the indent slightly to get the bullets into view. Thanks for all of the quick responses.

stymiee

- Source: IE6 UL and Removing Indent SitePoint Forums CSS
- Previous Question: GDLib question s SitePoint Forums PHP
- Next Question: [ubuntu] nvidia problem Ubuntu Forums Absolute Beginner Talk