Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

michelmfreitas

DIV com background Transparente

Recommended Posts

Olá pessoal!

 

Estou penando com CSS aqui!

 

Não consigo colocar o funco da DIV transparente... vejam como fica....

 

tela

 

Outra coisa, não consigo centralizar a página no IE...

 

Vejam meu CSS:

 

/* CSS Document */

*{
	background-image:url(img/bg.jpg);
}

#site{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:770px;
	height:auto;
}

#conteudo{
	background-image:url(imagens/index_02.jpg);
	width:401px;
	height:430px;
	left:369px;
	position:absolute;
}

#quadro{
	background:none;
	position:absolute;
	margin-left:70px;
	margin-right:70px;
	margin-top:95px;
	overflow:auto;
	height:255px;
	width:260px;
	/*border:1px solid #000000;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:justify;
}

#titulo{
	position:absolute;
	right:20px;
	top:30px;
	padding:0;
	margin:0;
}

#titulo h1{
	color:#9966CC;
	font-size:20px;
}

Observem que o background está 'none'!!! Por que?

Compartilhar este post


Link para o post
Compartilhar em outros sites

michelmfreitas, Bom Dia!

Quanto a centralizar o site, vale apena conferir na busca aqui do forum, concerteza irá achar algo que te ajude. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

Se a dúvida, persistir, volte e post.

 

Até Mais.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Olá Michel,

Para centralizar o site, eu costumo usar o "text-align:center" no body, e na div q vai ter o conteudo do seu site defino "texte-align:left" pq senão vai ficar tudo centralizado devido a herança do elemento pai!! O IE6 meio q se perde(como de costume) na interpretação de margens, e o "text-align:center" força todo o conteudo do body ficar centralizado!!

 

Em relação ao background, não entendi pq definiu uma imagem para "*" e não para o body!!! esse problema pode estar acontecendo devido a herança tbm!!!

Ainda mais se tratando de IE!!rsrsrs

 

Esses problemas acontecem em todos os navegadores??!

 

 

[]'s

 

 

PS: minha primeira participação no Imasters, espero q possa ajudar em alguma coisa!!!! :rolleyes:

Compartilhar este post


Link para o post
Compartilhar em outros sites

Michel, seja bem vindo ao fórum iMasters.

 

O que você falou abaixo está errado. Pesquise aqui no fórum sobre como centralizar uma div que voc~E VAI ENTENDER.

 

Abraço e continue participando do fórum.

 

 

Olá Michel,

Para centralizar o site, eu costumo usar o "text-align:center"

Compartilhar este post


Link para o post
Compartilhar em outros sites

Bem vindo MAU... eu já tô aqui faz um tempo Giovani hehehehehehehe.....

 

Mas valeu pelas dicas, usei no meu código o mesmo CSS que uso em outros sites que já fiz, e todos centralizam... mas não entendi esse. Vou pesquisar mais. Valeu Galera!

Compartilhar este post


Link para o post
Compartilhar em outros sites

michelmfreitas.

Para centralizar dá uma olhada nesse post do Gio em um outro tópico.

Pode te ajudar:

 

http://forum.imasters.com.br/index.php...mp;#entry735132

 

Até Mais. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post


Link para o post
Compartilhar em outros sites

Olá Pessoal, óh nóis aqui denovo!!!!

Eu dei aquela solução do "text-align:center", pois já quebrei mto a cabeça quando comecei com XHTML, e como normal, muitos problemas surgiram por causa dos navegadores!!!!! Então com essa saida consegui centralizar os layouts!!!

 

Vi q falaram q dei a dica errada!!!!! http://forum.imasters.com.br/public/style_emoticons/default/ermm.gif Mas não tem problema, acho q como todos, estou aqui pra aprender e ajudar tbm!!!

Só q voltei do almoço um pouco mais cedo q fui procurar coisas a respeito disso, e encontrei algo bem interessante, q com certeza não vai deixar mais ninguém com dúvida quando o assunto for "layout centralizado"!!!!!!

 

http://www.tableless.com.br/videotutorial/videotutorial7/

 

Vale a pena dar uma conferida nos vídeos q tem lá!!!

hehehe eu piro com esse lance de deixar o site funcionando o mais igual possível na maioria dos navegadores!!!! e com essa explicação do video tudo começa a ficar mais fácil!!!!!rsrsrsrsr http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

É isso ae, espero ter ajudado!!!

 

[]'s

Compartilhar este post


Link para o post
Compartilhar em outros sites

Mas não tem problema, acho q como todos, estou aqui pra aprender e ajudar tbm!!!

Concerteza. http://forum.imasters.com.br/public/style_emoticons/default/grin.gif

Otima dica do video, vai ajudar bastante o pessoal. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.