posicionar div

[lezão 0]

Galera estou com um probleminha, eu naun estou conseguindo mover uma div..

 

naun sei explicar meu problema prefiria q vceis dessem uma olhada...

 

http://www.shopcolina.com.br/public_html/tapecaria/3.asp

 

A borda branca eu gostaria de encosta-se em cima no começo dessa imagem

 

estou usando os seguintes codigos

body {
	margin: 0;
	padding: 0;
	background-image: 
	text-align: center; /* hack para o IE */
	background-image: url(Imagens/background-3.jpg);
        background-repeat:no-repeat;
        background-attachment:fixed;
	-moz-background-size: 100% 100%;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%;
	}
#tudo {
width: 980px;
margin:0 auto;			
padding: 0px;
text-align:left; /* "remédio" para o hack do IE */	
	}
#conteudo {
width: 980px;
margin: 25px;
padding: 0px;	
box-shadow: 0px 5px 7px 1px #ccc; //sombra
}
#hora{
    width: 176px;
    height: 100px;
    text-align:right; /* "remédio" para o hack do IE */
    background: url(Imagens/0.png) no-repeat bottom;
}
#menu{
    width: 980px;
    height: 100px;
    background: url(Imagens/2.png) no-repeat bottom;
}
#final-menu{
    width: 53px;
    height: 100px;
    text-align:left; /* "remédio" para o hack do IE */
    background: url(Imagens/3.png) no-repeat bottom;
}

ja fiz de tudo pesquisei na net e nada naun consegui .....

 

Alguém pode me ajudar ????????????

[rikaschmitt 54]

Não entendi direito: você quer que essa sombra branca fique embaixo da faixa cinza do topo? isso?

Posta o código se puder, pois estava olhando pelo "firebug" e achei confuso rs

[lokaodomau 61]

#conteudo {
  width: 980px;
  margin: -30px 15px 15px; // aqui
  padding: 0px;    
  box-shadow: 0px 5px 7px 1px #ccc; //sombra
}

Mas essa é só mais uma gambiarra...

[lezão 0]

Valeu Lokaodomau, enconstou sim, mas sai fora do ruma para encaixar no vão da faixa olha la ....

 

akela imagem do meio esta com o valor de 980px pq será q a bordar naun esta encaixando ????

[victorqueiroz 34]

Altera só a #tudo

#tudo {
width: 980px;
margin:0 auto;            
padding: 0px;
text-align:left; /* "remédio" para o hack do IE */
margin-top:150px;

[lezão 0]

As vezes eu fiz algo errado aki

#hora{
    width: 176px;
    height: 100px;
    text-align:right; /* "remédio" para o hack do IE */
    background: url(Imagens/0.png) no-repeat bottom;
}
#menu{
    width: 980px;
    height: 100px;
    text-align:left; /* "remédio" para o hack do IE */
    background: url(Imagens/2.png) no-repeat bottom;
}
#final-menu{
    width: 53px;
    height: 100px;
    text-align:left; /* "remédio" para o hack do IE */
    background: url(Imagens/3.png) no-repeat bottom;
}

[victorqueiroz 34]

Não tem nada errado!

#hora{
width: 176px;
height: 100px;
text-align:right; /* "remédio" para o hack do IE */
background: url('Imagens/0.png') no-repeat bottom;
}
#menu{
width: 980px;
height: 100px;
text-align:left; /* "remédio" para o hack do IE */
background: url('Imagens/2.png') no-repeat bottom;
}
#final-menu{
width: 53px;
height: 100px;
text-align:left; /* "remédio" para o hack do IE */
background: url('Imagens/3.png') no-repeat bottom;
}

[lezão 0]

Ufa!!!! Consegui ficou meio torto mas consegui vejam..

 

http://www.shopcolina.com.br/public_html/tapecaria/4.asp

 

 

valew

[victorqueiroz 34]

Ficou legal :) caso tenha resolvido, finalize o tópico por gentileza! :)

[lokaodomau 61]

Pode ajustar a diferença no #tudo:

#tudo {
  width: 980px;
/*         t    r    b    l    # t:top | r:right | b:bottom | l:left  */
  margin: -30px 15px 15px 176px; # mudando a margin-left de 179px para 176px
  padding: 0px;
  text-align:left; /* "remédio" para o hack do IE */
} 

Coloquei as marcações de margin-top/bottom/right/left...