Сверстал страничку, но выглядит она ужасно, как поправить?

@media + min-width + max-width.

будет тебе и поля, и адаптивный дизайн.

если хочешь, могу без @media сверстать, под девайсы сам подгонять будешь.

У меня и сейчас всё работает с @media.

@media only screen 
and (max-width : 550px) {
/* mobile */
}

@media only screen 
and (min-width : 551px) {
/* desktop */
}

Странно. При ширине в 640 меню должно быть длинным.

Вот сейчас я цвета сменил и ещё пару косметических фиксов сделал. Нравится?

в принципе - да, но все равно подскакивает надпись.

не, ты не понял, для десктопа юзнуть и макс и фикс ширину, тогда у тебя будут поля.

body{
	width:1000px;
	max-width:100%;
}

попробуй.

Ну, а так?

уже лучше ;-)

Идея правильная, тоже так хотел сделать. Только по-другому реализовать надо.

а там не скроллы, а разметка портится

да... на десктопе ок...

если портится разметка, значит верстальщику надо оторвать руки.

поделись?

УМВР!

Ну, на большом мониторе чтобы не было ощущения пустоты под хедером должна быть чёрная полоса высотой в меню (как бы его продолжение) и шириной от края до края. И такая же полоса, только тонкая над футером.

ну, а проблема-то в чём?

Завтра сделаю.

пни, как сделаешь, хочется глянуть.

если хочешь, можешь пнуть в джаббер, я тебе сверстаю.

иногда люди не затачивают дизайн под 2х1 пиксельные дисплеи... и я не вижу в этом ничего предосудительного

и всё же надо рассчитывать на аудиторию. если контент не для мобилок, то и

не затачивают дизайн под 2х1 пиксельные дисплеи

а если контент универсален, то следует предполагать, что часть аудитории в лучшем случае матом будет крыть, если контент уж совсем уникален, в противном случае просто свалят. хотя, это только SEOшников волнует.

завязываем оффтопить.

хорошо :D

Вот сейчас доделал. Можешь покритиковать. Хотел сделать переносы в тексте, но, как я понял, их никто ещё толком и не поддерживает.

то, что не поддерживают, вроде ещё и в стандартах нет. word-wrap вполне себе работает везде.

вроде нормально, но выделенные краиние пункты меню, выходящие за ширину контента, смотрятся не очень.

Не, я про переносы (hyphens).

Неплохо вышло. Подчерпнул несколько интересных моментов, спасибо!

автоматически переносит текст. не по слогам, конечно, но поддержки русского пока нигде толковой нет. а в меню запрети перенос.

в меню запрети перенос

white-space:nowrap?

вроде другого способа еще не изобрели.