Jump to content


Photo

Centralizar 4 Divs


  • Faça o login para participar
2 replies to this topic

#1 look66

look66

    Normal

  • Usuários
  • 108 posts
  • Sexo:Não informado

Posted 02/12/2011, 22:47

Minha cabeça ja está saindo fumaça de tanto tentar e não conseguir.
Eu fiz uma folha de estilo e eu so consigo centralizar o logotipo
			<style type="text/css">
				body {
					background-color: #d9f4d0;
				}
				
				#log {
					background: url(img/log.png);
					background-repeat: no-repeat;
					background-position: center top;
					background-attachment: fixed;
					widht: 916px;
					height: 212px;
				}	

				#main_left {
					background: #ffffff;
					border: 1px solid #d2d2d2;
					background-position: left center;
					float: left;
					width: 258px;
					height: 335px;		
				}
				
				#main_right {
					background: #ffffff;
					border: 1px solid #d2d2d2;
					background-position: right center;
					width: 658px;
					height: 335px;
				}
			
				#scroll_right {
         			position: relative;
         			width: 720px;
         			height: 350px;
					scrollbar-arrow-color:#ffffff;
					scrollbar-3dlight-color:#d2d2d2;
					scrollbar-highlight-color:#d2d2d2;
					scrollbar-shadow-color:#d2d2d2;
					scrollbar-darkshadow-color:#d2d2d2;
					scrollbar-face-color:#d2d2d2;
					scrollbar-track-color:#ffffff;
         			overflow: auto;
				}
				
				#scroll_left {
					position: relative;
         			width: 180px;
         			height: 350px;
					scrollbar-arrow-color:#ffffff;
					scrollbar-3dlight-color:#d2d2d2;
					scrollbar-highlight-color:#d2d2d2;
					scrollbar-shadow-color:#d2d2d2;
					scrollbar-darkshadow-color:#d2d2d2;
					scrollbar-face-color:#d2d2d2;
					scrollbar-track-color:#ffffff;
         			overflow: auto;
				}
				
				#footer {
					background-image: url(img/footer.png);
					background-repeat: no-repeat;
					background-position: bottom center;
					position: static;
					width: 915px;
					height: 35px;
				}
				
			</style>

estou tentando centralizar fixo no meio da pagina "#main_left" , "#main_right" e "#footer", porém somente o "#log" está centralizando,
eu queria colocar o main_left no centro do lado esquerdo, e o main_right no centro da direita, colado com o main_left.
e o footer(rodapé), no centro inferior.
ja tentei de tudo mais n consigo, se alguém souber me ajudar muito obrigado !
enquanto aguardo resposta continuarei tentando

abrç

#2 DC_Switch

DC_Switch

    Novato no fórum

  • Usuários
  • 17 posts
  • Sexo:Masculino
  • Localidade:Logo Ali

Posted 02/12/2011, 23:42

para centralizar divs eu uso assim

#exemplo{
margin:0 auto;
}

tenta usar ai e ve se da certo ;)


Usando o background-position:center você só vai centralizar o background da div

#3 look66

look66

    Normal

  • Usuários
  • 108 posts
  • Sexo:Não informado

Posted 04/12/2011, 13:59

para centralizar divs eu uso assim

#exemplo{
margin:0 auto;
}

tenta usar ai e ve se da certo ;)


Usando o background-position:center você só vai centralizar o background da div


Deu certo brother vlw !




1 user(s) are reading this topic

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq