Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Oi galera tudo, bem?gostaria de saber como faço para centralizar um layout na vertical e na horizontal.desde já, agradeço.
>
tmferreira Postado Hoje, 10:53 Graffitero, em que idioma tu escreve? hahahahahahPara alinhar horizontalmente, assim dá:
body { text-align: center;}
huahauhauah o pc que eu postei anteriormente estava com vírus! mas desta forma que você escreveu o site ficará solto o que eu fiz foi para alinhar a div no cenro vertical, apesar dos sites estarem se adaptando a tamanhos relativos hoje seria melhor a sua forma , mas tudodependo do que ele quer fazerflws
* {text-align:center;vertical-align:middle;}div {margin:10px auto;}Talvez Isso ajude http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif
Pois é Thiago...eu percebi isso.
Mas espero que tenha ajudado...caso contrário, procuramos outra solução!!!! http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif
Ae galera,
Valeu pela ajuda.
muito obrigado mesmo.
segui a suas dicas e consegui fazer o que eu queria, mas quando vou validar o css está dando dois erros.
os erros são:
>
Warnings
URI : file://localhost/webdeveloper__1162991276312.css
* Line : 22 (Level : 1) You have no color with your background-color : #teste
* Line : 31 (Level : 1) You have no background-color with your color : #teste h1
e o css com o html a seguir:
>
<!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">](http://www.w3.org/1999/xhtml%22)
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Teste ::::</title>
<style type="text/css">* {
margin : 0;
padding : 0;
list-style : none;
border : none;
vertical-align : middle;
text-decoration : none;
}
#teste {
margin-left : -100px;
margin-top : -50px;
height : 100px;
width : 200px;
top : 50%;
left : 50%;
position : absolute;
background-color : #e4ddcd;
border : 1px solid #b59a80;
}#teste h1 {
margin-left : 2px;
text-decoration : none;
font-family : Arial, Helvetica, sans-serif;
color : #666;
font-size : 10px;
}
</style>
</head>
<body>
<div id="teste">
<h1>Carlos Henrique</h1>
</div>
</body>
</html>Então, gostaria de saber se tem algum problema no meu css mesmo ou se é problema no W3C
Na verdade não são Erros, e sim Warnings.
Tá dizendo que nesses id´s, uma não tem o color definido e o outro não tem o background-color definido,
Leia esse link aqui do fórum mesmo!
[]´s
Valeu pela ajuda.
é a primeira vez que eu valido o meu css no W3C, porque tem pouco tempo que mecho com tableless.
e também o meu inglês é horrível.
Não tem problema, isso acontece!!! http://forum.imasters.com.br/public/style_emoticons/default/joia.gif
Pois eh, validar css às vezes eh dificil, dependendo do tamanho do "rolo" ^^Ja o xhtml acho bem mais facil, tanto que as vezes eu escrevo um xhtml sem nem me preocupar muito e ele fik valido na hora :)
olá ,
è o seguinte nunca fiz isso, mas ena não eho certeza que funionará na vecal uma vez que su sit tr´qu um amanho fixo de altura enão seu coneúdo ficaá esio,
horizontat:
#site { width:600px; margin-left:-300px; left:50%; position:absolute;}
na vertical amesm coisa lemnrando que ao inves de width é height e magin-left e left é margin-top e top tna ae e diz s funiona