доброго времени суток.
создаю див,внутри него список,по ширине на 100 пикселей уже,чем див. Пропадает list-style-type в ие. В мозилле отображается все правильно. Убираю явное указание ширины ul,тогда растягивается на весь див,что мне не нужно,но кружочки показывает в обоих браузерах.
| Код |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD// XHTML 1.1 FINAL //EN" "http://www.w3.org/tr/xhtml11/dtd/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8;" />
<meta name="author" content="Shamal" />
<meta name="keywords" content="site,web" />
<meta name="creation-date" content="23/11/2008" />
<style type="text/css">
.border ul{list-style-type:disc; width:300px;}
.border li{margin-bottom:10px; margin-top:10px; border-width:6px;}
div {text-align:left; background-color:#999999}
div.border{background-color:#C2D2F1; width:400px; border-style:solid;}
</style>
<title>Здесь могла быть ваша реклама...</title>
</head>
<body>
<div class="border">
<ul>
<li style="border-style:solid;"><b>solid</b> - сплошная</li>
<li style="border-style:double;"><b>double</b> - двойная</li>
<li style="border-style:dashed;"><b>dashed</b> - пунктирная</li>
<li style="border-style:dotted;"><b>dotted</b> - точечная</li>
<li style="border-style:outset;"><b>outset</b> - выдавленная</li>
<li style="border-style:inset;"><b>inset</b> - вдавленная</li>
<li style="border-style:ridge;"><b>ridge</b> - бордюр (выпуклая)</li>
<li style="border-style:groove;"><b>groove</b> - бороздка (вдавленная)</li>
</ul>
</div>
</body>
</html>
|
|
