как можно центрировать нижний колонтитул в нижней части страницы независимо от размера экрана

Это мои html-коды, у меня есть сложное время, чтобы отправить электронное письмо в нижней части страницы. так как я могу центрировать текст колонтитула в нижней части страницы, независимо от размера экранакак можно центрировать нижний колонтитул в нижней части страницы независимо от размера экрана

<body> 
     <div class = 'container' > 
       <header> ****** Illustration</header> 





     </div> 

     <!-- Sign and date the page, it's only polite! --> 
     <footer> <a href="mailto:*******@cmail.carleton.ca"> 
    *******@cmail.carleton.ca</a></footer> 

    </body>

это мой CSS код, я попытался центрирования колонтитула быть в центре в нижней части страницы, но каждый раз, когда я использую другой размер экрана, место изменения текста, как я могу избежать этой проблемы?

<!--[if lt IE 9]> 
<script src="dist/html5shiv.js"></script> 
<![endif]--> 

.container { 
    width : 900px; 
    margin : 0 auto; 
    } 

body { 
    background : url('images/black_background.jpg'); 
    width: 100%; 
    height: 100%; 
    possition: absolute; 
    top: 0; 
    left: 0: 
    z-index: -5000; 
    overflow-x:hidden 


    } 

header{ 
    min-width: 900px; 
    height: 90px; 
    background: url('images/header.jpg') 0 0 no-repeat; 
    padding: 20px 0 0 0; 
    color: white; 
    position: relative; 
    right: -85x; 
    color:   white; 
    font-size:  3em; 
    font-family: Lucida Handwriting; 


    } 

nav{ 
    width: 900px; 
    height: 40px; 
    margin: 0 auto; 
    color: white; 
    background: url(); 
    position: relative; 
    right: 250px; 
    top: -40px; 
    height: 90px; 
    min-width: 900px; 

    } 

/*#content{ 
    width: 900px; 
    height: 650px; 
    position: relative; 
    left: -45px; 
    background:url('images/himba_tribes.jpg'); 

    } 
    */ 

footer{ 
    position:absolute; 
    bottom:-40; 
    width:100%; 
    height:60px; /* Height of the footer */ 
    background:#6cf; 
    border: 4px solid orange; 
    clear: both; 

    }

источник

2013-07-14 mvitagames

Попробуйте это: Сделайте FOOTER в DIV:
<div id="footer">[email protected]</div>

И CSS должно быть:
#footer { clear: both; margin: 0 auto; text-align: center}

источник

2013-07-14 20:17:29

спасибо, эту работу, но я хочу его в качестве ссылки, потому что это по электронной почте адрес – mvitagames

href сделает ссылку по электронной почте '

' – Vector

Если вы хотите отцентрировать ссылку горизонтально, используйте text-align: center; на сноске. Если вы хотите, чтобы он придерживался нижней части окна, используйте Sticky Footer!

источник

2013-07-14 20:15:19

как можно центрировать нижний колонтитул в нижней части страницы независимо от размера экрана

ответ

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