Jump to content


Photo

Alinhar Sombra Na Div. Tentei Tudo Que Eu Sabia... Ajudem?


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

#1 Lucas Weizenmann

Lucas Weizenmann

    Turista

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

Posted 25/11/2008, 22:31

Acredito que aqui alguém vai ter a solução...
Aqui tá o problema

tão vendo a div cinza embaixo do menu..?
ela ocupa tudo.. não fica alinhado com o menu..


está assim:

.sombra,.menu{
   position: relative;
   bottom: 3px;
   right: 3px;
   
   }
   
.sombra{	
   background-color: #49595E;
   color: inherit;
   }
   
.menu
{
background-color:#333;
height: 40px;
width: 60%;
margin-left: 35.5%;
margin-top: 10%;
text-align:center;
}

tentei desde de manha... mas não saquei ainda o que devo fazer...
e no firefox... a div conteudo ignora o margin-top: 2%;


.conteudo {
	width: 96.2%;
	height: 82%;
	margin-left: 18px;
	margin-top: 2%;
	margin-bottom: 0%;
	background-color: #fff;
	
   }

e não é pra usar hack né..?
alguem pode me dar uma mãoo e me ajudar com isso?


nada pessoal?

#2 Édipo Costa Rebouças

Édipo Costa Rebouças

    Veterano

  • Ex-Admins
  • 1079 posts
  • Sexo:Masculino
  • Localidade:Brasil - São Paulo

Posted 25/11/2008, 23:01

bem cara, eu olhei o menu de cima, e para div sombra não pegar um width:100%, mas sim ficar conforme o conteudo, ele tem que ser um float, mas não tem como o menu ser 60%, se a sombra não vai ter um tamanho definido, ele vai ser 60% relativo ao que? entende? então, coloca uma largura fixa no menu, ou faz algum outro esquema, que exista uma largura definada na sombra, hoje o width: 60% só funciona porque a div sombra tem width: 100% por padrão.

Edição feita por: Édipo Costa Rebouças, 25/11/2008, 23:04.


#3 diogo_vedder

diogo_vedder

    Turista

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

Posted 25/11/2008, 23:21

Coloca o que o Édipo disse.... tenta em PX que acho melhor de trabalhar e com objetos float.
diogo_vedder
Pearl Jam acima de tudo!

#4 Lucas Weizenmann

Lucas Weizenmann

    Turista

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

Posted 26/11/2008, 07:41

Okay...
obrigado!
ja foi resolvido!
nao exatamente dessa forma
mas ta funcionando
.sombra,.menu{
position: relative;
bottom: 3px;
right: 3px;
}
   
.sombra{	
margin-top: 90px;
	left:44%;
	width: 500px;
	height: 40px;
   background-color: #49595E;
   color: inherit;
   }
   
.menu
{
background-color:#333;
height: 40px;
width: 500px;
text-align:center;
}


http://globoinfo.com...globoinfo_novo/
no Firefox, a div conteudo tipo, ignora o margin-top..
.
ajuda?

esta assim:

.vidro{width:91%;height:435px;background-image: url("vidro.png");margin-left: 4.5%;margin-top: 1%;}		.conteudo {	width: 96.2%;	height: 82%;	margin-left: 18px;	margin-top: 2%;	margin-bottom: 0%;	background-color: #fff;	   }

Edição feita por: Lucas Weizenmann, 26/11/2008, 09:04.


#5 Lucas Weizenmann

Lucas Weizenmann

    Turista

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

Posted 28/11/2008, 08:19

resolido com um simples &nbsp e <br/> no proprio XHMTL...




1 user(s) are reading this topic

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

IPB Skin By Virteq