Проблема со фоном в футере

wcp · July 30, 2011

Ситуация.

В шапке сайта фоном лежит изображение, прописанное в css:

body {
  padding: 0;
  margin: 0;
  background: #003D73 url(img/bg2.jpg) no-repeat center top;

  width: 100%;
  display: table;
}

Макет простой и состоит на данный момент буквально из двух таблиц (которые лежат на фоне img/bg2.jpg):

————————--

| основной контент сайта |

————————--

|футер |

————————--

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

Как решить эту проблему?

Temiks · July 30, 2011

А вы таблице (которая футер) высоту и ширину поставили?

Можно ссылку на страницу

wcp · July 30, 2011

Высота/ширина заданы конечно (не люблю когда страница "прыгает", подгружая изображения).

Ссылку не могу, на локалхосте лежит.

Temiks · July 30, 2011

Извините, но зачем боди это display: table; ?

Тогда выложите весь нужный код здесь, или на бесплатный хост

wcp · July 30, 2011

body {
  padding: 0;
  margin: 0;
  /*background: #003D73;*/
  background: #003D73 url(img/bg2.jpg) no-repeat center top;

  width: 100%;
  display: table;
}

сама страница:

<html>
  <head>
  </head>
  <body>

  <table width="1000" border="0" align="center" style="margin-top: 0px;">
  <tr><td>основной контент страницы</td></tr></table>

<br /><br />

<!-- footer -->
<table width="1000" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="400" style="background-image: url (img/bg3.jpg);"></td>
</tr>
</table>

</body>
</html>

Softlink · July 30, 2011

Работает ваш код. Какой-нибудь символ поставили бы в ячейку сначала.

И доктайп вы еще забыли.

wcp · July 31, 2011

доктайп есть, я просто не стал копировать всё лишнее.

На скрине видно, что текст вывелся, а фоновый рисунок bg3.jpg - нет.

хм.. background-image: url работать отказался, изображение вывелось через

<td align="center" height="400" style="color: #FFF;" background="img/bg3.jpg">здесь должен быть футер </td>

Edited July 31, 2011 by wcp

Sign In

Проблема со фоном в футере

Question

wcp

Link to comment

Share on other sites

6 answers to this question

Recommended Posts

Temiks

Link to comment

Share on other sites

wcp

Link to comment

Share on other sites

Temiks

Link to comment

Share on other sites

wcp

Link to comment

Share on other sites

Softlink

Link to comment

Share on other sites

wcp

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information