Xpoint
   [напомнить пароль]

Список за край колонки таблицы в ie

Метки: [без меток]
2009-05-30 18:09:23 [обр] Александр[досье]

Кто может подсказать решение со списком? Есть таблица с 4-мя колонками вторая колонка для фиксированного отступа в 3%. Если посмотреть прикрепленный файл в FF или Opera, то можно увидеть что маркеры у списка выходят за края колонки. То есть идея в том чтоб расстояние от списка до первой колонки оставалась 3%, не учитывая маркеры. А вот если открыть в ie, то там маркеры пропадают. Как можно придумать еще чтоб и в ie было все нормально?
PS Не могу разобраться как прикрепить файл.
HTML:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<link rel=stylesheet type="text/css" href="s.css">
<title>Untitled Document</title>
</head>
<body>
<table class="general">
<tr>
   <td class="clear">1</td>
   <td class="space1"></td>
   <td class="news">
      <p><a class="news_link" href="#">Новости</a>&nbsp;<span class="time">19:02</span>&nbsp;<a class="link3" href="#"><span class="vse">все</span></a>&nbsp;<a class="link3" href="#"><span class="gorod">Москва</span></a></p>
      <ul class="news_list">
         <li>Windows 7 будет выпускатся <a class="link1" href="#">в шести вариантах</a></li>
         <li>Падение экономики России в январе стало <a class="link1" href="#">самым значительным с 1999г.</a></li>
         <li>Российский ТЭК в январе снизил и <a class="link1" href="#">добычу, и экспорт</a></li>
      </ul>
   </td>
   <td width="">4</td>
</tr>
</table>

</body>
</html>

СSS:

table.general
{
   width:100%;
   padding:0;
   margin:0;
}
table.general tr
{
   margin:0xp;
   padding:0px;
   width:100%;
}
table.general tr td
{
   vertical-align:top;
   font-size:.9em;
   border:1px solid #000000;
}
.clear
{
   width:224px;
   margin:0xp;
   padding:0px;
}
.news
{
   width:47%;
   margin-top:0xp;
   margin-bottom:0px;
   margin-left:0px;
   margin-right:0px;
   padding-top:13px;
   padding-bottom:0px;
   padding-left:0;
   padding-right:0px;
   font-size:.9em;
}
a.news_link:link{color:#000000; font-size:1em; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
a.news_link:hover{color:#000000; font-size:1em; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
a.news_link:active{color:#000000; font-size:1em; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
a.news_link:visited{color:#000000; font-size:1em; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
.time{color:#666666; font-size:1em;}
.vse
{
   background-image:url(vse.gif);
   font-size:1em;
   padding-top:0px;
   padding-bottom:4px;
   padding-left:5px;
   padding-right:5px;
   color:#000000;
   font-weight:normal;
}
.gorod{color:#666666; font-size:1em; border-bottom:dashed 1px #666666;}
a.link3:link{text-decoration:none; }
a.link3:hover{text-decoration:none; }
a.link3:active{text-decoration:none; }
a.link3:visited{text-decoration:none; }
ul.news_list
{
   font-size:1em;
   margin-left:-10px;
   list-style:none;
   padding:0px;
}
ul.news_list li
{
   color:#000000;
   font-size:1em;
   background: url(t.gif) left no-repeat;
   padding-left:10px;
   margin-left:0px;
}
a.link1:link{color:#1A59C1;font-size:1em; }
a.link1:hover{color:#1A59C1;font-size:1em; }
a.link1:active{color:#1A59C1;font-size:1em; }
a.link1:visited{color:#1A59C1;font-size:1em; }
#space1{width:3%; min-width:20px;}

То есть есть картинка для маркера t.gif - серая точка.

Powered by POEM™ Engine Copyright © 2002-2005