Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > IE или я туплю

Автор: shtuceron 17.1.2012, 16:52

Здравствуйте,

Встала задача динамически формировать строки, я решил использовать <li>. Работает во всех браузерах прекрасно, только не в IE. В IE возникают непонятные пробелы между строками после их добавления... код совсем небольшой, привожу его ниже:

Код


<html>
<head>
<script src="./jquery.js"></script>
<script type="text/javascript">
    $(document).ready(function()
    {
        alert('Hello');
    });
    
    function addNewRow()
    {
        $('#userList').append('<li><table></table></li>');
    }
</script>
<style type="text/css">
    * {
        margin: 0px 0px;
        padding: 0px 0px;
    }
    
    ul {
        width: 300px;
        border: 1px blue solid;
    }
    
    li {
        width: 100%;
        height: 35px;
        list-style-type: none;
        border: 1px red solid;
    }
</style>
</head>
<body>
<ul id="userList">
    <li></li>
</ul>
<input type="button" value="addNewRow" onclick="addNewRow();" />
</body>
</html>

если в строке

Код


$('#userList').append('<li><table></table></li>');

убрать таблицу, все прекрасно работает, но таблица нужна!

Спасибо

Автор: $дмитрий 17.1.2012, 23:26

Зачем нужна пустая таблица?

Автор: shtuceron 18.1.2012, 09:04

Она конечно будет не пустой, даже если мы ее данными заполним пропуски созраняются

Автор: ksnk 18.1.2012, 09:09

<!DOCTYPE html>
в начале файла спасет IE8 и IE9

Автор: shtuceron 18.1.2012, 09:25

Спасибо всем, вставил пустой див высотой 1px, спасает везде, даже в IE 6 работает

Добавлено через 6 минут и 53 секунды
+1 for ksnk, респект, в IE также работает)