Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Общие вопросы по вёрстке » Новости в несколько столбцов в резиновом шаблоне

Новости в несколько столбцов в резиновом шаблоне


     29.09.2012    новости в 2 колонки    Общие вопросы по вёрстке, Стили (CSS)    3975

вопрос
Добрый день!
Есть такой вопрос, как сделать вывод новостей в несколько колонок, когда сайт резиновый?
Обернул shortstory в див
<div style="float:left;" />
класс, новости стали выводиться в несколько столбцов, но залипли к левому краю, как их от центровать? Указать каждой новости фиксированную ширину не подходит, так как если указать скажем 25% то будет видно 4 новости при разрешении выше 1280, а если будет 1024 то новости налезут друг на дружку, это не вариант. Если указать 33% то будет видно 3 новости при всех разрешениях вроде бы не плохо, но при разрешении выше 1024 между новостями будут большие белые пустоты, что опять же не красиво.

Как же быть? Может у кого есть идеи?

Ответил: ПафНутиЙ


То что вы описали возникает из-за отступов в блоках.
Заверните каждую новость в див, у которого НЕТ отступов (margin=0 и padding=0), пропишите float:left и нужную ширину в процентах и будет вам счастье)

3 комментария

Felix
Юзер

Felix - 29 сентября 2012 14:45 -

Нет, вы ошибаетесь.
Сейчас сделано так



И получается, что блоки залипают к левому краю и не центруются по центру сайта.

ПафНутиЙ
Админ

ПафНутиЙ - 29 сентября 2012 15:23 -

Значит нужно завернуть в контеёнер все новости и отцетрировать его.
а вообще без адреса сайта тяжело о чём то говорить

Каков вопрос - таков и ответ. Просто помните об этом.

Felix
Юзер

Felix - 29 сентября 2012 18:25 -

Проблема решена, всем спасибо!

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

наверх