Jump to content
  • 0

Проблема с футером как сделать?!


Alipresent
 Share

Question

Добрый день! как сделать футер в котором два блока: левый и правый. Нужно что бы бэкграунд правого блока выходил за пределы правого блока. могу скинуть psd ) помогите пожалуйста

Link to comment
Share on other sites

1 answer to this question

Recommended Posts

  • 0
  On 8/15/2015 at 6:37 PM, Alipresent said:

Добрый день! как сделать футер в котором два блока: левый и правый. Нужно что бы бэкграунд правого блока выходил за пределы правого блока. могу скинуть psd ) помогите пожалуйста

Можете картинку прикрепить как должно быть? Я бы правый блок обернул еще в одни div и этот div залил таким же цветом

Edited by IvanRu08
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

  • Similar Content

    • By Mondeus
      Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. 
      .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } }  

    • By Bosheit
      Здравствуйте, подскажите пожалуйста как убрать расстояние , которое ниже футера(которое заштриховано)



    • By kattiperk
      Здравствуйте.
       
      У меня вопрос: как прижать футер к низу, если есть абсолютный блок?
      Или я что-то пропустила, или уже не могу искать.
       
      Всегда пользовалась таким способом.
      Но без абсолютного блока.
       
      Если что, вёрстка тут.
       
      Спасибо, всем хороших футеров.
    • By Yust-os
      Добрый всем вечер!
      Проблема с версткой одной страницы http://compass.webdevelopers.su/ - почему-то висит вниз до пола, и при уменьшении ширины страницы появляется полоса прокрутки, хотя заданная ширина 950 px. На других страницах не наблюдаю, шаблон везде одинаковый. К сожалению,в верстке весьма слаб, помогите, пожалуйста!
    • By Andrux
      Собственно проблема в следующем, есть сайт, если его(окно бразера) уменьшить и появится горизонтальная прокрутка и прокрутить, фон футера обрезается
      сам сайт вот http://gsa.spb.ru/
      Помогите советом
      Спасибо заранее)
×
×
  • 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