Я не могу центрировать кнопку и исправлять ее до нижнего колонтитула браузеров?

http://i.imgur.com/SXgTt.png Я не могу центрировать кнопку и исправлять ее до нижнего колонтитула браузеров?

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

вот как его внешний вид, как

http://i.imgur.com/gdBMr.png

и вот css с html

<style> 
    body { 
     text-align: center; 
     background-color: #080707; 
     font-family: "Open Sans", sans-serif; 
    } 

.enter { 
    display: block; 
    width: 165px; 
    height: 50px; 
    line-height: 50px; 
    text-align: center; 
    border-radius: 30px; 
    border: 2px solid #c52f30; 
    color: #cf2f32; 
    margin: 30px auto 0; 
    text-decoration: none; 
    position:fixed; 
    bottom:23px; 

    } 
.enter:hover { 
    background: #cf2f32; 
    color: white; 
     -webkit-transition: background 0.4s ease, color 0.4s ease; 
     -moz-transition: background 0.4s ease, color 0.4s ease; 
     -o-transition: background 0.4s ease, color 0.4s ease; 
     -ms-transition: background 0.4s ease, color 0.4s ease; 
     transition: background 0.4s ease, color 0.4s ease; } 
</style> 


<body> 
    <p><img src="images/fullbg.png" style='width:100%; max-width: 800px;' border="0" alt="Null"></p> 
    <a href="#" class="enter">Enter</a> 
</body>

источник

2014-01-12 ekclone

Ваши изображения не отображаются – connor

Извините imgur удалил изображения, как я вижу, что он делает это автоматически, когда я ссылаюсь на stackoverflow – ekclone

Я не думаю, что вы можете использовать auto наценки трюк, если элемент установлен в фиксированном положении. Но вы можете это сделать так:

.enter { 
    display: block; 
    width: 165px; 
    height: 50px; 
    line-height: 50px; 
    text-align: center; 
    border-radius: 30px; 
    border: 2px solid #c52f30; 
    color: #cf2f32; 
    margin: 30px 0 0 -82px; 
    text-decoration: none; 
    position:fixed; 
    left: 50%; 
    bottom:23px; 
}

Просто установите левое поле как половину ширины элемента.

источник

2014-01-12 00:57:06

работает как шарм, большое спасибо! – ekclone

I can not see images, buy you можешь попытаться;

.enter { 
     display: block; 
     width: 165px; 
     height: 50px; 
     line-height: 50px; 
     text-align: center; 
     border-radius: 30px; 
     border: 2px solid #c52f30; 
     color: #cf2f32; 
     margin: 0 0 0 -83px;; 
     text-decoration: none; 
     position:fixed; 
     bottom:23px; 
     left:50%; 
    }

источник

2014-01-12 00:55:36 user3186216

эй спасибо вам, но это не сработало, но когда я получаю больше репутации, я собираюсь проголосовать, потому что я только что создал эту учетную запись! – ekclone

Я не могу центрировать кнопку и исправлять ее до нижнего колонтитула браузеров?

ответ

Смежные вопросы