Помогите с сеткой CSS и JQuery

Question

Я пытаюсь добавить сетку jquery на мой сайт. (codeigniter php)

Он загружает данные просто отлично, но сетка выглядит ужасно .. Я не знаю много о css .... вот изображение того, что я получаю

Answer 1

Поместите сетку в div с шириной и переполнением: hidden:

<div style="width:100%;overflow:hidden;">
</div>

Пример:

<div style="width:25%;float:left;background-color:yellow;">
    <p>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec est ipsum, condimentum non bibendum nec, viverra nec nulla. 
    </p>
</div>
<div style="margin-left:25%;background-color:green;">
    <div style="width:100%;overflow:hidden">
        <div style="clear:both;">
            <p>
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec est ipsum, condimentum non bibendum nec, viverra nec nulla. 
            </p>
        </div>
    </div>
</div>

См. Также: http://www.quirksmode.org/blog/archives/2005/03/clearing_floats.html

Answer 2

Ик. Вы включили ui.jqgrid.css на своей странице?

Кроме того, вы можете использовать firebug для проверки различных элементов jqGrid на вашей странице - это маловероятно, но, возможно, существует конфликт между CSS вашего приложения и CSS, используемым jqGrid?