Jump to content
  • 0

Широкий фон


foggy
 Share

Question

Всем доброго времени суток. Есть такая проблема. Есть макет шириной 1800 пикс. причем картинка цельная размножить никак(. Но надо сделать под широкие мониторы. Но не палучаетса центровать картинку. Шапку отдельно я задал через:

div#cont {
background: url(../main.jpg) no-repeat center;
height:950px;}

И она встаёт как надо. А в диве с контентом есть элементы каторыенад буит и вертикально резать. Может есть какоенить решение такого фона=) Заранее спасибо.

Edited by foggy
Link to comment
Share on other sites

8 answers to this question

Recommended Posts

  • 0

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

#wrap {

margin:0 auto;

}

и он отцентрируется ровно по серидине.

А вообще, не плохо было бы взглянуть на макет...

Link to comment
Share on other sites

  • 0

Вот скрин макета. Расщитано так чтобы при разр 1024 на весь экран был остров. НУ а при большем уже и планета облака и тп. Тут проблема в центровании и горизонтальном скроле. Еще и раскиданы быстрые менюшки по картинке каторые будут менять цвет.

1nQDYuVcER.jpg

Link to comment
Share on other sites

  • 0

Сделать отдельно небо и отдельно сайт, Фон повесить на body с выравниванием по середине, а сайт уже в контейнер с шириной 1024пк и тоже по середине выровнить

Link to comment
Share on other sites

  • 0

Я думаю что можно сделать резиновым, но при этом увеличится количество элементов на странице, будет 4 картинки и 2 фона...

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

а) если будет несколько картинок порезаных.

б) если будет одна целиковая.

Вроде как при условии б) - быстрее.

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