0

Я потихоньку пишу сайт, сейчас небольшая запарка вышла с футером: как его можно заузить по ширине? Хочу футер типа как на этом сайте, ток чтоб верхние углы были закруглены... Сайт на 100% ширины экрана!

2
  • здесь больше подойдут теги html css верстка
    – makregistr
    23 авг 2011 в 6:16
  • 4
    Если что-то нужно сделать "как на этом сайте" - то открываете исходный код и смотрите ;)
    – metazet
    23 авг 2011 в 7:01

4 ответа 4

1
.footer{
  width:990px;
  margin:0px auto;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
0

А не проще без усложнения таблицей стилей?

< div align="center">footer< /div>

В теге div прописываете требуемую ширину вашего footer-а.

1
  • 2
    Не проще, вешать стили непосредственно на элементы самое неправильное что только можно сделать. И чем так усложниться файл со стилями если у элемента прописать width:990px. К тому же align="center" уже давно устарел и не должен использоваться.
    – makregistr
    31 авг 2011 в 8:58
0

Можно с использованием transform

.footer {
   position: absolute;
   width: 990px;
   left: 50%;
   transform: translateX(-50%);
   border-top-left-radius: 5px;
   border-top-right-radius: 5px;
}
-1
<div class="footer">footer</div>
1
  • 3
    Гениально.
    – ivkremer
    22 авг 2011 в 21:31

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.