[Magic Berry]

Без применения особых настроек css дизайн по ширине отображается от левой до правой стороны экрана, причем по бокам не имеет никакого даже мизерного отступа, буквально липнет к краю монитора - тык. Из-за этого почти не видно задний фон.
С помощью регулировки ширины wrapper эту проблему можно исправить, но на других мониторах (т.е. кого-то из моих читателей) он может отображаться криво. Например, если я поставлю 1300 (у меня монитор 1900), то у тех, у кого монитор 1280, уже будут видеть уходящий за границы экрана текст, который не прочитать (проверено на домашних мониторах).

Собственно, как сделать дизайн адаптированным, чтобы он ужимался у каждого под его формат?
Делать статичный узкий wrapper в 1200px или ниже не хочется, потому что тогда у меня при моем широком экране дизайн смотрится некрасиво.

@темы: отступы, diaryCSS, основные блоки, платный сервис, Дизайн

Comments

[birdroid]

@media

[Magic Berry]

birdroid, ?)

[birdroid]

Magic Berry, загуглите @media

[феникс периода полураспада]

Magic Berry, задайте враперу max-width - это максимальная ширина, на которую будет тянуться элемент имея такую возможность, а width поставить 320px для мобильных с небольшими экранами, чтобы блок с текстом был покрупнее, а фоном там можно и пожертвовать. Или width можно задать в процентах (например, 80%) тогда даже на меньших мониторах будет видно и весь текст и фон, но тогда стоит добавить min-width те же 320px, например.

[феникс периода полураспада]

birdroid, не пробовала, но: а медиа в дайри-верстке работают?

[Magic Berry]

феникс периода полураспада, попробую, спасибо!

[феникс периода полураспада]

Magic Berry, всегда пожалуйста. если что, пишите сюда или в личку.

[Кареглазый Демон]

А зачем так сложно? Можно ведь просто задать врапперу отступы от правого и левого края не задавая ширины. Допустим margin-left: 100px; margin-right: 100px. Фон будет виден, а оформление подстроится под любое разрешение.

[Magic Berry]

Просто Демон, о, и тогда у всех гостей блога, вне зависимости от их ширины экрана, будет отображаться дизайн с отступами? Это вот прям идеально было бы.

[Кареглазый Демон]

Ну вот в этом оформлении так и реализовано:

[birdroid]

феникс периода полураспада, я помню, что я задавала так, что при ширине браузера меньше 1000px у меня сайдбар перелезал наверх

[феникс периода полураспада]

birdroid, ясно, надо будет поэкспериментировать. Спасибо!