Comentários sobre: Centralizar suas páginas web com CSS: como deixar o site sempre no centro com folhas de estilo http://desenvolvimentoparaweb.com/css/centralizar-suas-paginas-web-com-css-como-deixar-o-site-sempre-no-centro-com-folhas-de-estilo/ desenvolvimento para web trata de jQuery, CSS, usabilidade, performancem, blogs, WordPress, web design e dicas, em geral, para desenvolvimento web Wed, 08 Feb 2012 11:29:16 +0000 hourly 1 http://wordpress.org/?v=3.3.1 Por: Hugohttp://desenvolvimentoparaweb.com/css/centralizar-suas-paginas-web-com-css-como-deixar-o-site-sempre-no-centro-com-folhas-de-estilo/comment-page-1/#comment-7339 Hugo Wed, 08 Feb 2012 11:29:16 +0000 http://www.desenvolvimentoparaweb.com/?p=347#comment-7339 Olá, a resolução do meu notebook é 1366x768, estou desenvolvendo um website utilizando um php para o topo e menu rapido, outro para o menu lateral, outro para o conteúdo e outro para o rodapé... quero que o site seja compativel com resolução de ao menos 1024x768, o topo e o menu rapido consegui alinha-los beleza, mas estou tendo problemas para alinhar o menu lateral em relação ao topo e menu rapido, consigo faze-lo funcionar ou em um ou em outra, tipo, se arrumo em uma resolução, estraga na outra... dsd já obgado. Olá, a resolução do meu notebook é 1366×768, estou desenvolvendo um website utilizando um php para o topo e menu rapido, outro para o menu lateral, outro para o conteúdo e outro para o rodapé… quero que o site seja compativel com resolução de ao menos 1024×768, o topo e o menu rapido consegui alinha-los beleza, mas estou tendo problemas para alinhar o menu lateral em relação ao topo e menu rapido, consigo faze-lo funcionar ou em um ou em outra, tipo, se arrumo em uma resolução, estraga na outra… dsd já obgado.

]]> Por: Rafael Sopranohttp://desenvolvimentoparaweb.com/css/centralizar-suas-paginas-web-com-css-como-deixar-o-site-sempre-no-centro-com-folhas-de-estilo/comment-page-1/#comment-7336 Rafael Soprano Mon, 06 Feb 2012 14:01:19 +0000 http://www.desenvolvimentoparaweb.com/?p=347#comment-7336 Ótimo tutorial, poderia me ajudar por favor? Como faço para deixar minha página igual a essa: <a href="http://www.imobiliariaemsorocabasp.com.br/" rel="nofollow">http://www.imobiliariaemsorocabasp.com.br/</a> Conforme resolução ela se mantém no centro e layout aumenta em relação ao cabeçalho e ao rodapé. Obrigado e parabéns pelo blog, muito instrutivo. Ótimo tutorial, poderia me ajudar por favor? Como faço para deixar minha página igual a essa:
http://www.imobiliariaemsorocabasp.com.br/

Conforme resolução ela se mantém no centro e layout aumenta em relação ao cabeçalho e ao rodapé.

Obrigado e parabéns pelo blog, muito instrutivo.

]]> Por: Tárcio Zemelhttp://desenvolvimentoparaweb.com/css/centralizar-suas-paginas-web-com-css-como-deixar-o-site-sempre-no-centro-com-folhas-de-estilo/comment-page-1/#comment-7179 Tárcio Zemel Fri, 13 Jan 2012 16:34:28 +0000 http://www.desenvolvimentoparaweb.com/?p=347#comment-7179 Você tá usando uns valores meio aleatórios (e ainda em porcentagem). Então esse comportamento é esperado, mesmo. Dê uma lida melhor no artigo pra ver as técnicas, direitinho! ;-) Você tá usando uns valores meio aleatórios (e ainda em porcentagem). Então esse comportamento é esperado, mesmo. Dê uma lida melhor no artigo pra ver as técnicas, direitinho! ;-)

]]> Por: Guilhermehttp://desenvolvimentoparaweb.com/css/centralizar-suas-paginas-web-com-css-como-deixar-o-site-sempre-no-centro-com-folhas-de-estilo/comment-page-1/#comment-7174 Guilherme Thu, 12 Jan 2012 19:46:43 +0000 http://www.desenvolvimentoparaweb.com/?p=347#comment-7174 #center { position:absolute; background:url(images/center.png); top:33%; left:10%; width:742px; height:700px; em que estou errando? pois qnd dou zoom - no site vai uma div pra cada canto ;x alguem pode ajudar? #center { position:absolute;
background:url(images/center.png);
top:33%;
left:10%;
width:742px;
height:700px;

em que estou errando? pois qnd dou zoom – no site vai uma div pra cada canto ;x
alguem pode ajudar?

]]> Por: Valhttp://desenvolvimentoparaweb.com/css/centralizar-suas-paginas-web-com-css-como-deixar-o-site-sempre-no-centro-com-folhas-de-estilo/comment-page-1/#comment-7123 Val Sat, 31 Dec 2011 13:27:20 +0000 http://www.desenvolvimentoparaweb.com/?p=347#comment-7123 Valeu cara, me ajudou pra muito. Valeu cara, me ajudou pra muito.

]]> Por: Tárcio Zemelhttp://desenvolvimentoparaweb.com/css/centralizar-suas-paginas-web-com-css-como-deixar-o-site-sempre-no-centro-com-folhas-de-estilo/comment-page-1/#comment-7104 Tárcio Zemel Tue, 20 Dec 2011 10:55:39 +0000 http://www.desenvolvimentoparaweb.com/?p=347#comment-7104 Isso! ;-) Isso! ;-)

]]> Por: Paullahttp://desenvolvimentoparaweb.com/css/centralizar-suas-paginas-web-com-css-como-deixar-o-site-sempre-no-centro-com-folhas-de-estilo/comment-page-1/#comment-7103 Paulla Mon, 19 Dec 2011 13:01:23 +0000 http://www.desenvolvimentoparaweb.com/?p=347#comment-7103 Esquece já entendi... é margem irreal então tenho que calcular dependendo do grid... blzzz Esquece já entendi… é margem irreal então tenho que calcular dependendo do grid… blzzz

]]> Por: Paullahttp://desenvolvimentoparaweb.com/css/centralizar-suas-paginas-web-com-css-como-deixar-o-site-sempre-no-centro-com-folhas-de-estilo/comment-page-1/#comment-7102 Paulla Mon, 19 Dec 2011 12:58:17 +0000 http://www.desenvolvimentoparaweb.com/?p=347#comment-7102 Olá! Testei mas percebi um problema, -375px não está exatamente no meio, com -400px ae sim. Saberia me explicar pq? Olá!

Testei mas percebi um problema, -375px não está exatamente no meio, com -400px ae sim. Saberia me explicar pq?

]]> Por: Tárcio Zemelhttp://desenvolvimentoparaweb.com/css/centralizar-suas-paginas-web-com-css-como-deixar-o-site-sempre-no-centro-com-folhas-de-estilo/comment-page-1/#comment-7083 Tárcio Zemel Thu, 01 Dec 2011 01:09:56 +0000 http://www.desenvolvimentoparaweb.com/?p=347#comment-7083 Normal acontecerem essas incompatibilidades. Infelizmente, não é o caso para uma "dica rápida". É preciso analisar o código inteiro para perceber os erros e corrigí-los. Vá buscando no Google sobre problemas com IE para cada um deles e os resolvendo um a um. Abraços! Normal acontecerem essas incompatibilidades. Infelizmente, não é o caso para uma "dica rápida". É preciso analisar o código inteiro para perceber os erros e corrigí-los.

Vá buscando no Google sobre problemas com IE para cada um deles e os resolvendo um a um.

Abraços!

]]> Por: Domingos Lucashttp://desenvolvimentoparaweb.com/css/centralizar-suas-paginas-web-com-css-como-deixar-o-site-sempre-no-centro-com-folhas-de-estilo/comment-page-1/#comment-7076 Domingos Lucas Tue, 22 Nov 2011 12:44:23 +0000 http://www.desenvolvimentoparaweb.com/?p=347#comment-7076 Preciso de ajuda urgentemente. Estou a estagiar numa empresa para a qual construí o meu primeiro site. Depois de pôr o site online vi que no INTERNET EXPLORER 9 o site não aparece como devia. Já experimentei de tudo e não consigo resolver o problema, por favor ajudem-me. (domingoslucas@live.com.pt) Preciso de ajuda urgentemente.
Estou a estagiar numa empresa para a qual construí o meu primeiro site.
Depois de pôr o site online vi que no INTERNET EXPLORER 9 o site não aparece como devia.
Já experimentei de tudo e não consigo resolver o problema, por favor ajudem-me.
(domingoslucas@live.com.pt)

]]> Por: Tárcio Zemelhttp://desenvolvimentoparaweb.com/css/centralizar-suas-paginas-web-com-css-como-deixar-o-site-sempre-no-centro-com-folhas-de-estilo/comment-page-1/#comment-7041 Tárcio Zemel Tue, 18 Oct 2011 10:46:40 +0000 http://www.desenvolvimentoparaweb.com/?p=347#comment-7041 Erros de CSS... Aconselho a fazer uma revisão geral nas suas folhas de estilo. Não é raro acontecerem problemas estranhos com o IE, portanto, não se preocupe tanto. Erros de CSS… Aconselho a fazer uma revisão geral nas suas folhas de estilo. Não é raro acontecerem problemas estranhos com o IE, portanto, não se preocupe tanto.

]]> Por: Rodrigohttp://desenvolvimentoparaweb.com/css/centralizar-suas-paginas-web-com-css-como-deixar-o-site-sempre-no-centro-com-folhas-de-estilo/comment-page-1/#comment-7038 Rodrigo Fri, 14 Oct 2011 13:31:03 +0000 http://www.desenvolvimentoparaweb.com/?p=347#comment-7038 Estou com um problema. Quando abro meu site no firefox, todas as paginas do meu site ficam centralizadas, tudo certinho, mas quando abro pelo IE, tem algumas paginas que ficam pra esquerda, nao ficam centralizadas. O que pode estar acontecendo??? Estou com um problema.
Quando abro meu site no firefox, todas as paginas do meu site ficam centralizadas, tudo certinho, mas quando abro pelo IE, tem algumas paginas que ficam pra esquerda, nao ficam centralizadas.
O que pode estar acontecendo???

]]> Por: ewertonhttp://desenvolvimentoparaweb.com/css/centralizar-suas-paginas-web-com-css-como-deixar-o-site-sempre-no-centro-com-folhas-de-estilo/comment-page-1/#comment-7035 ewerton Sun, 09 Oct 2011 04:46:02 +0000 http://www.desenvolvimentoparaweb.com/?p=347#comment-7035 vlw eu tinha esquecido vlw eu tinha esquecido

]]> Por: hdfhhttp://desenvolvimentoparaweb.com/css/centralizar-suas-paginas-web-com-css-como-deixar-o-site-sempre-no-centro-com-folhas-de-estilo/comment-page-1/#comment-7027 hdfh Wed, 28 Sep 2011 16:17:37 +0000 http://www.desenvolvimentoparaweb.com/?p=347#comment-7027 eu naum consegui mais segui a dica de um comentário acima e consegui alinhar meu blogspot eu naum consegui mais segui a dica de um comentário acima e consegui alinhar meu blogspot

]]> Por: Tárcio Zemelhttp://desenvolvimentoparaweb.com/css/centralizar-suas-paginas-web-com-css-como-deixar-o-site-sempre-no-centro-com-folhas-de-estilo/comment-page-1/#comment-7016 Tárcio Zemel Mon, 26 Sep 2011 12:10:22 +0000 http://www.desenvolvimentoparaweb.com/?p=347#comment-7016 Acho que pode haver algum problema quando as pessoas acessarem em diferentes resoluções, sim, Tiago. Fora o fato de ter uma altura definida, também, então, se o conteúdo ocupar mais de 1158px, as coisas podem ficar estranhas... Dê uma revisada no método 1 ou tente implementar o 2 que são garantidos! ;-) Acho que pode haver algum problema quando as pessoas acessarem em diferentes resoluções, sim, Tiago. Fora o fato de ter uma altura definida, também, então, se o conteúdo ocupar mais de 1158px, as coisas podem ficar estranhas…

Dê uma revisada no método 1 ou tente implementar o 2 que são garantidos! ;-)

]]> Por: Tárcio Zemelhttp://desenvolvimentoparaweb.com/css/centralizar-suas-paginas-web-com-css-como-deixar-o-site-sempre-no-centro-com-folhas-de-estilo/comment-page-1/#comment-7015 Tárcio Zemel Mon, 26 Sep 2011 12:08:42 +0000 http://www.desenvolvimentoparaweb.com/?p=347#comment-7015 Kelly, não diria que há uma "melhor" solução. Teoricamente, ambas fazem o que se propõem, mas, dependendo de seu estilo de código, uma ou outra pode se adequar melhor. Abraços! Kelly, não diria que há uma "melhor" solução. Teoricamente, ambas fazem o que se propõem, mas, dependendo de seu estilo de código, uma ou outra pode se adequar melhor.

Abraços!

]]> Por: Tiago de Souzahttp://desenvolvimentoparaweb.com/css/centralizar-suas-paginas-web-com-css-como-deixar-o-site-sempre-no-centro-com-folhas-de-estilo/comment-page-1/#comment-7014 Tiago de Souza Sun, 25 Sep 2011 20:13:17 +0000 http://www.desenvolvimentoparaweb.com/?p=347#comment-7014 Eu tentei usar a primeira maneira, mas não deu certo, não sei por que. Então usei meu próprio jeito: .all { text-align: left; width: 1000px; height: 1158px; top: 0px; left: 10%; position: absolute; margin: 0; padding: 0; } Você acha que desse modo, poderia haver algum problema (resoluções diferentes da resolução que eu uso, etc..)? Ele está funcionando perfeitamente aqui em localhost. Eu tentei usar a primeira maneira, mas não deu certo, não sei por que. Então usei meu próprio jeito:
.all {
text-align: left;
width: 1000px;
height: 1158px;
top: 0px;
left: 10%;
position: absolute;
margin: 0;
padding: 0;
}
Você acha que desse modo, poderia haver algum problema (resoluções diferentes da resolução que eu uso, etc..)?
Ele está funcionando perfeitamente aqui em localhost.

]]> Por: kellyhttp://desenvolvimentoparaweb.com/css/centralizar-suas-paginas-web-com-css-como-deixar-o-site-sempre-no-centro-com-folhas-de-estilo/comment-page-1/#comment-7010 kelly Sun, 25 Sep 2011 00:30:29 +0000 http://www.desenvolvimentoparaweb.com/?p=347#comment-7010 Centralizar o layout em margin auto é a melhor solução? Centralizar o layout em margin auto é a melhor solução?

]]> Por: Tárcio Zemelhttp://desenvolvimentoparaweb.com/css/centralizar-suas-paginas-web-com-css-como-deixar-o-site-sempre-no-centro-com-folhas-de-estilo/comment-page-1/#comment-6998 Tárcio Zemel Tue, 13 Sep 2011 19:22:11 +0000 http://www.desenvolvimentoparaweb.com/?p=347#comment-6998 A dica não aborda design responsivo... A dica não aborda design responsivo…

]]> Por: Alguémhttp://desenvolvimentoparaweb.com/css/centralizar-suas-paginas-web-com-css-como-deixar-o-site-sempre-no-centro-com-folhas-de-estilo/comment-page-1/#comment-6988 Alguém Mon, 29 Aug 2011 11:45:45 +0000 http://www.desenvolvimentoparaweb.com/?p=347#comment-6988 A segunda opção tem um defeito, já experimentou visualizar no iphone ou algum tablet? Ou mesmo minimizando o navegador, tente esticar e encolher a janela. A segunda opção tem um defeito, já experimentou visualizar no iphone ou algum tablet? Ou mesmo minimizando o navegador, tente esticar e encolher a janela.

]]> Por: Furnahttp://desenvolvimentoparaweb.com/css/centralizar-suas-paginas-web-com-css-como-deixar-o-site-sempre-no-centro-com-folhas-de-estilo/comment-page-1/#comment-6985 Furna Thu, 25 Aug 2011 18:42:22 +0000 http://www.desenvolvimentoparaweb.com/?p=347#comment-6985 Muito bom... Me salvou facinho... Muito bom… Me salvou facinho…

]]> Por: Thaishttp://desenvolvimentoparaweb.com/css/centralizar-suas-paginas-web-com-css-como-deixar-o-site-sempre-no-centro-com-folhas-de-estilo/comment-page-1/#comment-6983 Thais Thu, 18 Aug 2011 04:38:16 +0000 http://www.desenvolvimentoparaweb.com/?p=347#comment-6983 Me ajudem a centralizar meu site, pois em cada computer ou notbook que acesso ele esta com uma configuração, em alguns esticado margem a margem , outros no centro....um horror...sou muitooo novata nesse assun to, mas estou sem $$$ para pagar um web designer, preciso de help...na minha css esta assim: STRUCTURE *************************************************************************************/ #bg { background: url(images/top-illustration.gif) no-repeat center 0; } #pagewrap { width: 978px; / margin: 0 auto; } /* content */ #content { margin: 40px 0 70px; min-height: 400px; O que devo inserir e onde...obrigada Me ajudem a centralizar meu site, pois em cada computer ou notbook que acesso ele esta com uma configuração, em alguns esticado margem a margem , outros no centro….um horror…sou muitooo novata nesse assun to, mas estou sem $$$ para pagar um web designer, preciso de help…na minha css esta assim:

STRUCTURE
*************************************************************************************/
#bg {
background: url(images/top-illustration.gif) no-repeat center 0;
}
#pagewrap {
width: 978px; /
margin: 0 auto;
}

/* content */
#content {
margin: 40px 0 70px;
min-height: 400px;

O que devo inserir e onde…obrigada

]]> Por: Tárcio Zemelhttp://desenvolvimentoparaweb.com/css/centralizar-suas-paginas-web-com-css-como-deixar-o-site-sempre-no-centro-com-folhas-de-estilo/comment-page-1/#comment-6959 Tárcio Zemel Tue, 02 Aug 2011 13:07:46 +0000 http://www.desenvolvimentoparaweb.com/?p=347#comment-6959 Eu é que agradeço a participação, Felipe! Eu é que agradeço a participação, Felipe!

]]> Por: Tárcio Zemelhttp://desenvolvimentoparaweb.com/css/centralizar-suas-paginas-web-com-css-como-deixar-o-site-sempre-no-centro-com-folhas-de-estilo/comment-page-1/#comment-6955 Tárcio Zemel Tue, 02 Aug 2011 13:07:08 +0000 http://www.desenvolvimentoparaweb.com/?p=347#comment-6955 Desculpe, mas não sei mexer no Dreamweaver... Desculpe, mas não sei mexer no Dreamweaver…

]]> Por: FelipeSLuzhttp://desenvolvimentoparaweb.com/css/centralizar-suas-paginas-web-com-css-como-deixar-o-site-sempre-no-centro-com-folhas-de-estilo/comment-page-1/#comment-6958 FelipeSLuz Wed, 29 Jun 2011 16:53:37 +0000 http://www.desenvolvimentoparaweb.com/?p=347#comment-6958 Valeu pelo post, muito bom!! Valeu pelo post, muito bom!!

]]>