Ir para conteúdo

POWERED BY:

Arquivado

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

gremio10

[Resolvido] Perda de alinhamento

Recommended Posts

Fala galera, eu estou tentando alinhas redes socias no meu site, mas quando eu alinho, um pedaço do meu cabeçalho sobe, impossibilitando a visualização:

 

sem o CSS de alinhamento:

 

bussola.png

 

Com:

 

bussola2.png

 

meu código css:

 

#social{ width: 250px; margin-left: 250px; margin-top: 400px; position: absolute;}
.twitter{ margin-top: 70px;}
.face{ margin-top: 10px;}
.orkut{ margin-top: 10px;}

 

HTML

 

<div id="social">
				<div class="twitter">
					<div id="twitter"></div>
						<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="FelipeUmpierre">Tweet</a>
						<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
				</div>

				<div class="face">
					<div id="fb-root"></div>
					<script src="http://connect.facebook.net/en_US/all.js#appId=147429968676302&xfbml=1"></script>
					<fb:like href="" send="true" layout="button_count" width="450" show_faces="false" action="like" font="tahoma"></fb:like>
				</div>

				<div class="orkut">
					<div id="orkut-button"></div>
					<script type="text/javascript" src="http://www.google.com/jsapi"></script>
					<script type="text/javascript">
						google.load('orkut.share', '1');
						google.setOnLoadCallback(function() {
							new google.orkut.share.Button({
								summary: 'Veja isso aqui!'
							}).draw('orkut-button');
						});
					</script>
				</div>		
			</div>

 

Obrigado.

Compartilhar este post


Link para o post
Compartilhar em outros sites

se vai usar position: absolute; controle com top e left, e não com margin.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Mesmo eu usando o position: absolute e usando margin ele funciona, o que está acontecendo, é que quando retiro o position, ele funciona, mas ai lá se vai o alinhamento....

 

Como posso resolver isso ?

 

Update

 

Consegui resolver, era um conflito com outro código css...

 

obrigado.

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.