Не нравятся результаты поиска? Попробуйте другой поиск!

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


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

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

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

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


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

Комментарии пользователей (3)

Felix
1

25 | 8

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

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



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

ПафНутиЙ
1065

3396 | 2434

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

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

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

Felix
1

25 | 8

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

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

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

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