[Resolvido] Centralizar site

[- KbeçãO - 0]

Bom dia iMasters !!

estou começando um novo projeto !

ja tenho a agina inicial praticamente pronta, com Menu, rodapé, logo no canto superior, "marca d'água" no fundo...

agora, queria centralizar meu site, tentei assim:

 

body { 

font-family:  Arial;
padding: 15px;
margin: 0 center;

}

 

mas n deu certo...

se algm tiver alguma dica....

ñ sei se te haver com isso, mas uso esse css reset aqui:

 

html, body, div, span, applet, object, iframe, table, caption,
tbody, tfoot, thead, tr, th, td, del, dfn, em, font, img, ins,
kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr,
acronym, address, big, cite, code, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
vertical-align: baseline;
font-family: inherit;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
outline: 0;
padding: 0;
margin: 0;
border: 0;
}
:focus {
outline: 0;
}

body {
background: white;
line-height: 1;
color: black;
}

ol, ul {
list-style: none;
}

table {
border-collapse: separate;
border-spacing: 0;
}

caption, th, td {
font-weight: normal;
text-align: left;
}

blockquote:before, blockquote:after, q:before, q:after {
content: "";
}

blockquote, q {
quotes: "" "";
}

 

pra evitar o erro que tive da ultima vez, apliquei o css reset, antes de iniciar os trabalhos...

bom, fico no aguardo, desde já agradeço !

[icefusion 0]

o que uso para centralizar elementos na página é o seguinte...

dar uma largura para o elemento...e usar margin:0 auto....

 

ou dependendo do tipo de elemento (normalmente texto e imagem) text-align:center!

 

 

Bom dia iMasters !!

estou começando um novo projeto !

ja tenho a agina inicial praticamente pronta, com Menu, rodapé, logo no canto superior, "marca d'água" no fundo...

agora, queria centralizar meu site, tentei assim:

 

body { 

font-family:  Arial;
padding: 15px;
margin: 0 center;

}

 

mas n deu certo...

se algm tiver alguma dica....

ñ sei se te haver com isso, mas uso esse css reset aqui:

 

html, body, div, span, applet, object, iframe, table, caption,
tbody, tfoot, thead, tr, th, td, del, dfn, em, font, img, ins,
kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr,
acronym, address, big, cite, code, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
vertical-align: baseline;
font-family: inherit;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
outline: 0;
padding: 0;
margin: 0;
border: 0;
}
:focus {
outline: 0;
}

body {
background: white;
line-height: 1;
color: black;
}

ol, ul {
list-style: none;
}

table {
border-collapse: separate;
border-spacing: 0;
}

caption, th, td {
font-weight: normal;
text-align: left;
}

blockquote:before, blockquote:after, q:before, q:after {
content: "";
}

blockquote, q {
quotes: "" "";
}

 

pra evitar o erro que tive da ultima vez, apliquei o css reset, antes de iniciar os trabalhos...

bom, fico no aguardo, desde já agradeço !

[Francispansa 6]

Eu faço isso da seguinte forma, coloco tudo dentro de uma div "container" e seto o seguinte

 

body, html{
text-align: center; /* Sem isso não centraliza no IE */
}

#container{
width: 980px; /* Coloque a largura que deseja que se site tenha */
margin:0 auto;
text-align: left;
}

 

:)

[- KbeçãO - 0]

eu tbm tenho um div principal, onde vai o site inteiro !!

fiz como você falou:

 

body, html { /* Corpo */

font-family:  Arial;
padding: 15px;
margin: 0 auto;
text-align: center;

}

#principal{

float: left;
width: 970px;
height: 500px;
padding: 15px;
margin:0 auto;
text-align: left;
border: 1px solid #EAEAEA;
background-image: url(../imgs/logo.png);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center;
}

 

so almentou a margem externa da div, mas ñ centralizou.....

[Francispansa 6]

eu tbm tenho um div principal, onde vai o site inteiro !!

fiz como você falou:

...

 

so almentou a margem externa da div, mas ñ centralizou.....

 

Esqueci de fala, você não pode setar o float, se não o margin auto não funciona..

Tira o float:left da div principal q vai funciona.. ;)

 

PS: Aqui eu reduziria um pouco o código.. =)

 

  
       background-image: url(../imgs/logo.png);
       background-repeat: no-repeat;
       background-attachment: scroll;
       background-position: center;


/* deixa assim */
background: url(../imgs/logo.png) no-repeat center center scroll;

:D

[- KbeçãO - 0]

Esqueci de fala, você não pode setar o float, se não o margin auto não funciona..

Tira o float:left da div principal q vai funciona.. ;)

 

show !!!

 

TÓPICO RESOLVIDO

 

=D