[CSS] Alinhar 2 bottom e posição

[girotto000 0]

Preciso de ajuda em 2 coisas.

 

1. Eu posicionei um texto no meu site com a tag css: bottom:0; com essa tag, o texto fica posicionado no canto inferior esquerdo do meu site, bem como eu quero!

Porém, eu quero posicionar outro texto, porém, no canto inferior direito, mas sempre que eu adiciono a tag bottom:0; ele vai para cima do outro! O que eu faço para mandar ele para direita?

 

2. Tenho 2 imagens, e desejo que elas fiquem no centro do site, porém, uma na direito e outra na esquerda, que tags eu uso para que independendo do monitor/navegador que acessar o site elas fiquem na mesma posição?

[Denis.Santos 7]

Usa position relative no CSS da segunda foto e a coloca como float right.

O texto deve estar indo uma para cima do outro pq vc deve ter colocado position absolute em ambos.

[girotto000 0]

Usa position relative no CSS da segunda foto e a coloca como float right.

 

O texto deve estar indo uma para cima do outro pq vc deve ter colocado position absolute em ambos.

 

Botando a position como relative e botando float right ela foi para a direito, porém não está no bottom como o texto!

[Denis.Santos 7]

Mostra os trechos de html e css

[girotto000 0]

HTML das imagens que eu quero que fiquem no botto porém na direita:

 

 

<p id="redessociais"><a href="#" target="_blank"><img src="images/steam.png" width="52" height="58" /></a><a href="#" target="_blank"><img src="images/facebook.png" width="52" height="58"/></a><a href="#"><img src="images/skype.png" width="52" height="58"/></a><a href="#" target="_blank"><img src="images/youtube.png" width="52" height="58"/></a></p>

 

 

 

CSS das imagens acima:

 

 

#redessociais {

position:relative;

float:right;

}

 

 

 

HTML do texto que esta no bottom a esquerda:

 

 

<p align="left" id="copy">Copyright © 2013 by Gui</p>

 

 

 

CSS do texto acima:

 

 

#copy {

position: absolute;

color: #FFFFFF;

bottom:0;

font-family: klavika_bold_capsbold_italic;

}

 

 

[YFilus 14]

#redessociais {

position: absolute;

bottom: 0;

right: 0;

}

[girotto000 0]

 

#redessociais {
    position: absolute;
    bottom: 0;
    right: 0;
}

 

Perfeito.

Enquanto ao problema das duas imagens centralizadas, vocês sabem resolver?