Нежелательное заполнение CSS в IE с использованием float - PullRequest
Новая
       10

Нежелательное заполнение CSS в IE с использованием float

0 голосов
/ 05 января 2011

Это был долгий день проектирования, и я столкнулся с проблемой сегодня.Веб-сайт www.dcninc.com/newtest/security_testing.php - это новый дизайн, над которым я сейчас работаю на работе.

Если вы посмотрите его в Firefox, вы заметите, что справа нет отступовящики (я сделал это с целью устранения проблем) Однако, если вы просматриваете ту же самую страницу в IE, она добавляет отступ справа.Вот мои CSS и HTML ниже.

Ответы [ 2 ]

2 голосов
/ 05 января 2011

У вас есть элементы, вложенные друг в друга, которые имеют ширину 250.

Таким образом, 

<table width="250"><tr width="250"></tr><table width="250"></table></table>

Так как при заполнении была использована некоторая ширина, 250 пикселей не существуетсвободного места для вас, чтобы положить в стол.Я бы попробовал уменьшить ширину внутренних элементов на 10-20 пикселей.

Надеюсь, это поможет.Вот разметка, на которую я ссылался, 

<table border="0" cellpadding="0" cellspacing="0" width="250">
<tr>
<td width="250" height="9" style="background:url(Images/right_box_gray_top.png) no-repeat;"></td>
</tr>
<tr>
<td style="background:url(Images/right_box_gray_middle.png) repeat-y" width="250">
<div class="list-right-info">
<table border="0" cellpadding="0" cellspacing="0" width="250">
<tr>
<td width="40"><img src="Images/icons/phonepic.jpg" border="0" /></td>
<td><center>CALL US TODAY<br /> 800.xxx.xxxx</center></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>
</div>
</td>
</tr>
<tr>
<td style="background:url(Images/right_box_gray_bottom.png) no-repeat" width="250" height="108"></td>
</tr>
</table>
0 голосов
/ 05 января 2011

Попробуйте добавить это в шапку 

<!--[if lt IE 8]>
    <script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE8.js" type="text/javascript"></script>
<![endif]-->
...