Jump to content
  • 0

Как реализовать такое?


IvanRu08
 Share

Question

Всем привет. Вот верстаю макетик, в нем есть такой блок:

4259188m.jpg

Подблок "Для новичков" я сверстал, но как рядом с ним расположить подблок "Для профессионалов". Попробовал прописать float: right + margin-top - встал как надо. Но если в блоке "Для новичков" добавить больше текста, вот так:

4235639m.jpg

То второй блок поедет вместе с первым. Как поступить? Спасибо

Link to comment
Share on other sites

8 answers to this question

Recommended Posts

  • 0

Здравствуйте,

как можно реализовать фон вне wrappera (по бокам)?

http://img.uz/s?e2of40h

Накидал для примера http://jsfiddle.net/Wqyfb/1/

Суть следующая: блоки, у которых должен быть фон, тянутся на всю ширину экрана, а контент оборачивается в элемент с классом layout, который имеет ширину вашего макета и отцентрирован.

Link to comment
Share on other sites

  • 0

Здравствуйте,

как можно реализовать фон вне wrappera (по бокам)?

http://img.uz/s?e2of40h

Накидал для примера http://jsfiddle.net/Wqyfb/1/

Суть следующая: блоки, у которых должен быть фон, тянутся на всю ширину экрана, а контент оборачивается в элемент с классом layout, который имеет ширину вашего макета и отцентрирован.

Извините что вмешиваюсь, у меня похожий вопрос.

как сделать чтобы высота внутреннего блока была больше чем высота внешнего блока.

http://clip2net.com/s/5trjUE

Link to comment
Share on other sites

  • 0

либо сделать еще одну обертку и прилепить фон к ней либо к тегу body

А если из-за контента будет высота сайта меняться?

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

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