Comentários sobre: Centralizar suas páginas web com CSS: como deixar o site sempre no centro com folhas de estilo http://www.desenvolvimentoparaweb.com/css/centralizar-suas-paginas-web-com-css-como-deixar-o-site-sempre-no-centro-com-folhas-de-estilo/ padrões da web, usabilidade, acessibilidade, web design, SEO, blogs e tecnologias para desenvolver a web Wed, 10 Mar 2010 20:45:15 +0000 http://wordpress.org/?v=abc hourly 1 Por: Nelson Gomes Leal http://www.desenvolvimentoparaweb.com/css/centralizar-suas-paginas-web-com-css-como-deixar-o-site-sempre-no-centro-com-folhas-de-estilo/comment-page-1/#comment-1206 Nelson Gomes Leal Sat, 20 Feb 2010 12:13:52 +0000 http://www.desenvolvimentoparaweb.com/?p=347#comment-1206 Cara, me salvou ai, pow, ja tava pensando em refazer o site todo em tabela e alinhar, mas nao gosto de fazer em tabela, PERFEITO POST! Cara, me salvou ai, pow, ja tava pensando em refazer o site todo em tabela e alinhar, mas nao gosto de fazer em tabela, PERFEITO POST!

]]> Por: Tárcio Zemel http://www.desenvolvimentoparaweb.com/css/centralizar-suas-paginas-web-com-css-como-deixar-o-site-sempre-no-centro-com-folhas-de-estilo/comment-page-1/#comment-1189 Tárcio Zemel Tue, 02 Feb 2010 15:05:30 +0000 http://www.desenvolvimentoparaweb.com/?p=347#comment-1189 <strong>@ Wecsley Martins</strong> É, aí complica um pouco, já que não sei que tipo de sujeira o Dreamweaver inseriu no código... Comece uma página nova e faça manualmente o que consta no artigo que tenho certeza de que funciona! Obrigado por comentar! @ Wecsley Martins
É, aí complica um pouco, já que não sei que tipo de sujeira o Dreamweaver inseriu no código… Comece uma página nova e faça manualmente o que consta no artigo que tenho certeza de que funciona! Obrigado por comentar!

]]> Por: Wecsley Martins http://www.desenvolvimentoparaweb.com/css/centralizar-suas-paginas-web-com-css-como-deixar-o-site-sempre-no-centro-com-folhas-de-estilo/comment-page-1/#comment-1186 Wecsley Martins Fri, 29 Jan 2010 13:37:54 +0000 http://www.desenvolvimentoparaweb.com/?p=347#comment-1186 Olá!!! Não estou conseguindo centralizar, pois montei meu site todo no dreamweaver utilizando layers. Não utilizo muito o CSS. Em que lugar eu posso inserir o código? Tentei inserir no início do site onde aparece a área destinada a CSS, mas nao funcionou. #wrap { left:50%; margin-left:-375px; /* metade da largura fictícia */ position:absolute; width:750px; } Grato, Olá!!! Não estou conseguindo centralizar, pois montei meu site todo no dreamweaver utilizando layers. Não utilizo muito o CSS. Em que lugar eu posso inserir o código? Tentei inserir no início do site onde aparece a área destinada a CSS, mas nao funcionou.

#wrap {
left:50%;
margin-left:-375px; /* metade da largura fictícia */
position:absolute;
width:750px;
}

Grato,

]]> Por: Tárcio Zemel http://www.desenvolvimentoparaweb.com/css/centralizar-suas-paginas-web-com-css-como-deixar-o-site-sempre-no-centro-com-folhas-de-estilo/comment-page-1/#comment-1062 Tárcio Zemel Sun, 22 Nov 2009 10:44:01 +0000 http://www.desenvolvimentoparaweb.com/?p=347#comment-1062 <strong>@Marcos Dias</strong> De nada, Marcos! <a href="http://desenvolvimentoparaweb.com/feed" rel="nofollow">Aguardo você para os próximos artigos</a>! ;-) <strong>@Danielle Toldo</strong> Que bom que o artigo foi útil, Danielle! Eu tento fazer bem explicadinho justamente para ficar fácil de entender. Abraços e volte sempre! @Marcos Dias
De nada, Marcos! Aguardo você para os próximos artigos! ;-)

@Danielle Toldo
Que bom que o artigo foi útil, Danielle! Eu tento fazer bem explicadinho justamente para ficar fácil de entender.

Abraços e volte sempre!

]]> Por: Danielle Toldo http://www.desenvolvimentoparaweb.com/css/centralizar-suas-paginas-web-com-css-como-deixar-o-site-sempre-no-centro-com-folhas-de-estilo/comment-page-1/#comment-1060 Danielle Toldo Fri, 20 Nov 2009 19:29:05 +0000 http://www.desenvolvimentoparaweb.com/?p=347#comment-1060 Esse foi o único site em que encontrei uma explicação completa e coerente de como centralizar com css. Em outros sites e fóruns, eles simplesmente "jogam" a informação e vc se vira quebrando a cabeça e se estressando. Muito Obrigada! Esse foi o único site em que encontrei uma explicação completa e coerente de como centralizar com css. Em outros sites e fóruns, eles simplesmente “jogam” a informação e vc se vira quebrando a cabeça e se estressando.

Muito Obrigada!

]]> Por: Marcos Dias http://www.desenvolvimentoparaweb.com/css/centralizar-suas-paginas-web-com-css-como-deixar-o-site-sempre-no-centro-com-folhas-de-estilo/comment-page-1/#comment-1007 Marcos Dias Thu, 27 Aug 2009 12:58:35 +0000 http://www.desenvolvimentoparaweb.com/?p=347#comment-1007 Valeu mesmo, eu tambem estava quebrando a cabeça para conseguir centralizar minha pagina pois sou iniciante.. Valeu mesmo, eu tambem estava quebrando a cabeça para conseguir centralizar minha pagina pois sou iniciante..

]]> Por: Tárcio Zemel http://www.desenvolvimentoparaweb.com/css/centralizar-suas-paginas-web-com-css-como-deixar-o-site-sempre-no-centro-com-folhas-de-estilo/comment-page-1/#comment-927 Tárcio Zemel Wed, 27 May 2009 14:17:46 +0000 http://www.desenvolvimentoparaweb.com/?p=347#comment-927 <strong>@ André</strong> Ótimo que te ajudou! Bom, mesmo, é quando o que eu coloco no blog é útil! ;-) Abraços e volte sempre! @ André
Ótimo que te ajudou! Bom, mesmo, é quando o que eu coloco no blog é útil! ;-)

Abraços e volte sempre!

]]> Por: André http://www.desenvolvimentoparaweb.com/css/centralizar-suas-paginas-web-com-css-como-deixar-o-site-sempre-no-centro-com-folhas-de-estilo/comment-page-1/#comment-926 André Wed, 27 May 2009 13:40:50 +0000 http://www.desenvolvimentoparaweb.com/?p=347#comment-926 Ótima dica! Resolveu meu problema num projeto aqui. Abraço ! Ótima dica! Resolveu meu problema num projeto aqui. Abraço !

]]> Por: Tárcio Zemel http://www.desenvolvimentoparaweb.com/css/centralizar-suas-paginas-web-com-css-como-deixar-o-site-sempre-no-centro-com-folhas-de-estilo/comment-page-1/#comment-785 Tárcio Zemel Thu, 12 Mar 2009 12:27:05 +0000 http://www.desenvolvimentoparaweb.com/?p=347#comment-785 <strong>@ Rafael Hernandez</strong> De nada, Rafael! Apareça! <strong>@ Acelio Filho</strong> Ah, legal essa técnica que você desenvolveu! Obrigado pela contribuição e por comentar! Volte sempre! @ Rafael Hernandez
De nada, Rafael! Apareça!

@ Acelio Filho
Ah, legal essa técnica que você desenvolveu! Obrigado pela contribuição e por comentar! Volte sempre!

]]> Por: Acelio Filho http://www.desenvolvimentoparaweb.com/css/centralizar-suas-paginas-web-com-css-como-deixar-o-site-sempre-no-centro-com-folhas-de-estilo/comment-page-1/#comment-783 Acelio Filho Wed, 11 Mar 2009 18:27:15 +0000 http://www.desenvolvimentoparaweb.com/?p=347#comment-783 Gente! Descobri sem querer outra técnica. testei no IE6.0, Firefox 3.1 e Opera 9.5 Especificar a largura do body e as suas margens, deixando o conteúdo dele (tudo) centralizado e com a largura especificada nele. body { width: 700px !important; /*largura fictícia - o !important é para o IE 6.0 */ margin: 20px auto; /* margem do topo e base fictícias - margem da direita e esquerda AUTO */ } Uma das vantagens de usar isto é que o conteúdo vem renderizando gradativamente e eliminamos o tempo de espera de carregamento com a Tela branca Quando usamos uma grande div wraper com tudo dentro dela, estamos usando o mesmo princípio de layouts feitos com tabelas. Envolver todo o conteúdo dentro de uma tag. O navegador precisa ler a tag de fechamento desta div wraper para mostrar o que tem dentro dela, ou seja, tudo. E durante este tempo, ficamos olhando a tela em branco. Gente!
Descobri sem querer outra técnica.
testei no IE6.0, Firefox 3.1 e Opera 9.5

Especificar a largura do body e as suas margens, deixando o conteúdo dele (tudo) centralizado e com a largura especificada nele.

body {
width: 700px !important; /*largura fictícia – o !important é para o IE 6.0 */
margin: 20px auto; /* margem do topo e base fictícias – margem da direita e esquerda AUTO */
}

Uma das vantagens de usar isto é que o conteúdo vem renderizando gradativamente e eliminamos o tempo de espera de carregamento com a Tela branca
Quando usamos uma grande div wraper com tudo dentro dela, estamos usando o mesmo princípio de layouts feitos com tabelas. Envolver todo o conteúdo dentro de uma tag. O navegador precisa ler a tag de fechamento desta div wraper para mostrar o que tem dentro dela, ou seja, tudo. E durante este tempo, ficamos olhando a tela em branco.

]]> Por: Rafael Hernandez http://www.desenvolvimentoparaweb.com/css/centralizar-suas-paginas-web-com-css-como-deixar-o-site-sempre-no-centro-com-folhas-de-estilo/comment-page-1/#comment-781 Rafael Hernandez Wed, 11 Mar 2009 12:04:01 +0000 http://www.desenvolvimentoparaweb.com/?p=347#comment-781 Muito bom, gostei da matéria... faloww Muito bom, gostei da matéria…

faloww

]]> Por: Tárcio Zemel http://www.desenvolvimentoparaweb.com/css/centralizar-suas-paginas-web-com-css-como-deixar-o-site-sempre-no-centro-com-folhas-de-estilo/comment-page-1/#comment-764 Tárcio Zemel Wed, 04 Mar 2009 11:54:44 +0000 http://www.desenvolvimentoparaweb.com/?p=347#comment-764 <strong>@ Darkila</strong> É, deve ser algo no CSS já existente que não deixou efetivar o código da primeira técnica. Mas o importante é que funcionou! Obrigado por comentar e volte sempre! @ Darkila
É, deve ser algo no CSS já existente que não deixou efetivar o código da primeira técnica. Mas o importante é que funcionou! Obrigado por comentar e volte sempre!

]]> Por: Darkila http://www.desenvolvimentoparaweb.com/css/centralizar-suas-paginas-web-com-css-como-deixar-o-site-sempre-no-centro-com-folhas-de-estilo/comment-page-1/#comment-763 Darkila Tue, 03 Mar 2009 21:45:34 +0000 http://www.desenvolvimentoparaweb.com/?p=347#comment-763 O primeiro código não funcionou, mas o segundo funcionou, sei lá porque, no meu css já tinha coisa então não sei. Muito Obrigada. Era só isso que faltava nas minhas páginas!! Suuuuuuuper beijo! O primeiro código não funcionou, mas o segundo funcionou, sei lá porque, no meu css já tinha coisa então não sei.
Muito Obrigada.
Era só isso que faltava nas minhas páginas!!
Suuuuuuuper beijo!

]]> Por: Tárcio Zemel http://www.desenvolvimentoparaweb.com/css/centralizar-suas-paginas-web-com-css-como-deixar-o-site-sempre-no-centro-com-folhas-de-estilo/comment-page-1/#comment-737 Tárcio Zemel Mon, 26 Jan 2009 13:37:47 +0000 http://www.desenvolvimentoparaweb.com/?p=347#comment-737 <strong>@ Ferrer</strong> Muitíssimo obrigado! Espero que seu site fique cada vez melhor! <a href="http://feeds.feedburner.com/desenvolvimentoparaweb" rel="nofollow">Fique ligado nas próximas dicas</a>! Abraços! @ Ferrer
Muitíssimo obrigado! Espero que seu site fique cada vez melhor! Fique ligado nas próximas dicas! Abraços!

]]> Por: Ferrer http://www.desenvolvimentoparaweb.com/css/centralizar-suas-paginas-web-com-css-como-deixar-o-site-sempre-no-centro-com-folhas-de-estilo/comment-page-1/#comment-731 Ferrer Wed, 21 Jan 2009 23:56:17 +0000 http://www.desenvolvimentoparaweb.com/?p=347#comment-731 Nossa! tutorial perfeito! realmente adorei, funcionou direitinho, e para o meu nnovo la via ficar perfeito!!! Muito Obrigado e seu site está nos meus favoritos agora =D Nossa! tutorial perfeito! realmente adorei, funcionou direitinho, e para o meu nnovo la via ficar perfeito!!! Muito Obrigado e seu site está nos meus favoritos agora =D

]]> Por: Chris Benseler http://www.desenvolvimentoparaweb.com/css/centralizar-suas-paginas-web-com-css-como-deixar-o-site-sempre-no-centro-com-folhas-de-estilo/comment-page-1/#comment-618 Chris Benseler Thu, 13 Nov 2008 14:34:36 +0000 http://www.desenvolvimentoparaweb.com/?p=347#comment-618 Quase sempre eu utilizo a segunda técnica. Sempre tive problemas com a primeira por causa do posicionamento relativo. Quase sempre eu utilizo a segunda técnica. Sempre tive problemas com a primeira por causa do posicionamento relativo.

]]> Por: Tárcio Zemel http://www.desenvolvimentoparaweb.com/css/centralizar-suas-paginas-web-com-css-como-deixar-o-site-sempre-no-centro-com-folhas-de-estilo/comment-page-1/#comment-604 Tárcio Zemel Wed, 29 Oct 2008 19:50:51 +0000 http://www.desenvolvimentoparaweb.com/?p=347#comment-604 <strong>@ Willian</strong> De nada, Willian! Fico feliz que tenha conseguido alcançar o efeito que desejava em seu blog! Tomara que tudo o mais dê certo! Grande abraço e obrigado pela visita! @ Willian
De nada, Willian! Fico feliz que tenha conseguido alcançar o efeito que desejava em seu blog! Tomara que tudo o mais dê certo!

Grande abraço e obrigado pela visita!

]]> Por: Willian http://www.desenvolvimentoparaweb.com/css/centralizar-suas-paginas-web-com-css-como-deixar-o-site-sempre-no-centro-com-folhas-de-estilo/comment-page-1/#comment-600 Willian Wed, 29 Oct 2008 19:10:22 +0000 http://www.desenvolvimentoparaweb.com/?p=347#comment-600 Cara, muuuuuuuuuuuuito obrigado, obrigado mesmo, tipo eu fiquei dias tentando aquele outro esquema, de alinhar pela margin auto, e nunca dava, agora alinhei pelo margin absoluto, nossa, puts to muito feliz mesmo, obrigadao mesmo. Nem sei como te agradecer. Cara, muuuuuuuuuuuuito obrigado, obrigado mesmo, tipo eu fiquei dias tentando aquele outro esquema, de alinhar pela margin auto, e nunca dava, agora alinhei pelo margin absoluto, nossa, puts to muito feliz mesmo, obrigadao mesmo.
Nem sei como te agradecer.

]]> Por: Felipe http://www.desenvolvimentoparaweb.com/css/centralizar-suas-paginas-web-com-css-como-deixar-o-site-sempre-no-centro-com-folhas-de-estilo/comment-page-1/#comment-520 Felipe Wed, 24 Sep 2008 16:54:04 +0000 http://www.desenvolvimentoparaweb.com/?p=347#comment-520 É incrível como o margin:0 auto; nao funciona no IE. este navegador só me faz raiva cara. a microsoft podia ser um pouco menos negligente É incrível como o margin:0 auto; nao funciona no IE. este navegador só me faz raiva cara. a microsoft podia ser um pouco menos negligente

]]> Por: Tárcio Zemel http://www.desenvolvimentoparaweb.com/css/centralizar-suas-paginas-web-com-css-como-deixar-o-site-sempre-no-centro-com-folhas-de-estilo/comment-page-1/#comment-472 Tárcio Zemel Fri, 12 Sep 2008 13:17:00 +0000 http://www.desenvolvimentoparaweb.com/?p=347#comment-472 <strong>@ Douglas Prado</strong> Que bom que lhe foi útil, Douglas! <a href="http://www.desenvolvimentoparaweb.com/feed/" rel="nofollow">Fique ligado em mais tutoriais</a> e apareça sempre! Abraços! @ Douglas Prado
Que bom que lhe foi útil, Douglas! Fique ligado em mais tutoriais e apareça sempre! Abraços!

]]> Por: Douglas Prado http://www.desenvolvimentoparaweb.com/css/centralizar-suas-paginas-web-com-css-como-deixar-o-site-sempre-no-centro-com-folhas-de-estilo/comment-page-1/#comment-471 Douglas Prado Wed, 10 Sep 2008 04:33:24 +0000 http://www.desenvolvimentoparaweb.com/?p=347#comment-471 Parabéns tutorial, me quebrou um galho, estou começando a aprender CSS e fico agradecido pois esse tipo de exemplo ajuda muitas pessoas. abraços Parabéns tutorial, me quebrou um galho, estou começando a aprender CSS e fico agradecido pois esse tipo de exemplo ajuda muitas pessoas. abraços

]]> Por: Tárcio Zemel http://www.desenvolvimentoparaweb.com/css/centralizar-suas-paginas-web-com-css-como-deixar-o-site-sempre-no-centro-com-folhas-de-estilo/comment-page-1/#comment-409 Tárcio Zemel Thu, 28 Aug 2008 19:06:31 +0000 http://www.desenvolvimentoparaweb.com/?p=347#comment-409 <strong>@ Felipe</strong> hehehe... Não se desespere, colega; <a href="http://www.desenvolvimentoparaweb.com/feed/" rel="nofollow">fique ligado no desenvolvimento para web</a> para saber de outras dicas! ;-) Abraços! @ Felipe
hehehe… Não se desespere, colega; fique ligado no desenvolvimento para web para saber de outras dicas! ;-)

Abraços!

]]> Por: Felipe http://www.desenvolvimentoparaweb.com/css/centralizar-suas-paginas-web-com-css-como-deixar-o-site-sempre-no-centro-com-folhas-de-estilo/comment-page-1/#comment-408 Felipe Thu, 28 Aug 2008 16:02:52 +0000 http://www.desenvolvimentoparaweb.com/?p=347#comment-408 Eu estava quase arrancando meus cabelos tentando fazer isto. Obrigado! Eu estava quase arrancando meus cabelos tentando fazer isto. Obrigado!

]]> Por: Tárcio Zemel http://www.desenvolvimentoparaweb.com/css/centralizar-suas-paginas-web-com-css-como-deixar-o-site-sempre-no-centro-com-folhas-de-estilo/comment-page-1/#comment-406 Tárcio Zemel Thu, 28 Aug 2008 12:57:51 +0000 http://www.desenvolvimentoparaweb.com/?p=347#comment-406 <strong>@ João S Magalhães</strong> Que bom que você pôde aproveitar este tutorial, João! Espero que dê tudo certo na implementação e vamos usar os conhecimentos para o bem e com sabedoria! Abraços e apareça! ;-) @ João S Magalhães
Que bom que você pôde aproveitar este tutorial, João! Espero que dê tudo certo na implementação e vamos usar os conhecimentos para o bem e com sabedoria!

Abraços e apareça! ;-)

]]> Por: João S Magalhães http://www.desenvolvimentoparaweb.com/css/centralizar-suas-paginas-web-com-css-como-deixar-o-site-sempre-no-centro-com-folhas-de-estilo/comment-page-1/#comment-403 João S Magalhães Wed, 27 Aug 2008 20:19:14 +0000 http://www.desenvolvimentoparaweb.com/?p=347#comment-403 Cheguei no sei blog, via Blogblogs. O tutorial caiucomo uma luva para mim. Abs Cheguei no sei blog, via Blogblogs. O tutorial caiucomo uma luva para mim.

Abs

]]>