DIV fixa

magin: 0 auto

ou

margin: auto 0

é uma dessas...põe um background para veres se faz efeito

cumps ;)

Não funciona..a div continua alinhada a esquerda. Este é o codigo que estou a usar.

div#fix { position:fixed; bottom:0; }
div.pos {
width:850px;
height:30px;
text-align:center;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
background:#684f73;
color:#FFFFFF;
}

Cumps
 
Envia o código por completo para poder ver, tanto do CSS como do html.


Cumps


<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style>


div#fix { position:fixed; bottom:0; }

div.pos {
width:500px;
height:30px;
text-align:center;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
background:#684f73;
color:#FFFFFF;
}

</style>
</head>

<body>

<div id="fix" class="pos">Ola Mundo!</div>

</body>
</html>

O que eu quero é que essa "barra roxa" (div) fique alinhada ao centro.

Cumps
 
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Página</title>
<style>


#fix {
    width:500px;
    height:30px;
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-250px;
    margin-top:-15px;
}

.pos {
    text-align:center;
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background:#684f73;
    color:#FFFFFF;
}

</style>
</head>

<body>

<div id="fix" class="pos">Ola Mundo!</div>

</body>
</html>

Experimenta assim. Tens de ter atenção que o CSS não consegue detectar o centro da div, ou seja, cada vez que mudares o tamanho da div, no CSS vais ter de fazer os "-[metade do tamanho]" para assim centrares isso.

Se precisares de mais alguma coisa apita!
 
Back
Topo