Jump to content
  • 0

проблемный background


_axl
 Share

Question

Народ, помогите, пожайлуста, советом. Макет предусматривает вот такой фон:

333le1.th.jpgthpix.gif

Никак не могу понять как сделать, проблема в масштабировании, мало того, что надо делать под любые разрешения, что еще можно решить сделав заведомо большую картинку и/или юзать js. Но ведь еще может быть ситуация, что на страницу выведется очень длинный текс и картинка кончится. Может есть у кого мысли?

Edited by _axl
Link to comment
Share on other sites

16 answers to this question

Recommended Posts

  • 0
а по существу?

Ну это по существу. Во первых дизайнер должен иметь хотя-бы отдаленное предаставление о средствах, доступных при верстке, во вторых, он должен подумать как должна выглядеть страница при одной строчке контента и 10 тысячах. В третих, как подобрать шрифт под фон который меняет цвет с черного на белый, глаз можно сломать. У вашего дизанера не первого неи второго не третьего.

Вообще не должно быть такого, что дизайнер нарисовал, а верстальщик делает. Должен быть диалог 2-х специалистов, и если один из них что-то не может, второй должен учесть это. В данном случае так сделать либюо не удастся, либо смотреть без слез на это будет нельзя. Есть, конечно, третий вариант — Это главная страница с фиксированной высотой. Но тагда вроде не должно было возникнуть вопроса, «как верстать».

Link to comment
Share on other sites

  • 0

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

Link to comment
Share on other sites

  • 0

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

еще добавил js который меняет картинку в зависимости от разрешения, т.к. была проблема еще и шириной на маленьких разрешениях он вообще занимает пол страницы( текст распологается справа от черной полосы ), как залью, выложу ссылку, покритикуете ;)

заодно спрашу о другой проблемке, у меня текс, который справа от черной полосы помещен в div, отступ( margin-left ) задаю в процентах. в большинстве браузеров работает нормально, а вот в ie6 отступ получается меньше, в чем может быть причина?

Link to comment
Share on other sites

  • 0

Надеюсь, что дизайнер сделал фон соответствующий контенту... Может там по смыслу разбиение на 2 части... Типа, плохо и хорошо, добро и зло ;)

А проблема отступа не понятна, нужно больше информации.

Link to comment
Share on other sites

  • 0

заодно спрашу о другой проблемке, у меня текс, который справа от черной полосы помещен в div, отступ( margin-left ) задаю в процентах. в большинстве браузеров работает нормально, а вот в ie6 отступ получается меньше, в чем может быть причина?

на мой взляд лучше сделать вот так

div{

position:absolute;

left:400px;}

или в % попробовать.

Link to comment
Share on other sites

  • 0
div{

position:absolute;

left:400px;}

не, надо в процентах, чтобы при смене разрешения отступ изменялся пропорционально

вообще, страницу я доверстал, посмотреть можно здесь: http://defolt-12.narod.ru/examples/nescafe/

к сожалению от фиксированного фона пришлось уйти, т.к. качество надписи NESC сохраненной в gif( чтоб была прозрачность ) не устроило, пришлось делать топорно, через картинку высотой 2000пкс, а жаль - было очень удобно((

сейчас пытаюсб решить последнюю проблему - min-width у страницы 1100 пикселей, если меньше то контент наползает на черный фон, но с такой шириной на разрешении 1024 появляется полоса прокрутки

Я где-то видел,как делали градиент при помощи однопиксельных фоновых дивов.Здесь бы тоже заработало.

а есть, где посмотреть, я смотрел в яндексе, ничо не нашел похожего

Edited by _axl
Link to comment
Share on other sites

  • 0
к сожалению от фиксированного фона пришлось уйти, т.к. качество надписи NESC сохраненной в gif( чтоб была прозрачность ) не устроило, пришлось делать топорно, через картинку высотой 2000пкс, а жаль - было очень удобно((

А зачем там прозрачность, не понял?

сейчас пытаюсб решить последнюю проблему - min-width у страницы 1100 пикселей, если меньше то контент наползает на черный фон, но с такой шириной на разрешении 1024 появляется полоса прокрутки

Предлагаю сделать двухколоночный резиновый макет. В левой будет надпись, причем картинку можно будет урезать слева, сделав черный фон у колонки. А в правой колонке все содержимое. Граница колонок, естественно, относительная.

А с однопиксельнымии дивами мудрено. Это надо будет больше 1000 дивов строить! по объему больше картинки наверно будет!

Edited by Searcher
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy