Div align à droite sort de l'écran

Version imprimable

Bonjour à tous,

J'ai un problème avec l'alignement à droite d'une balise div qui contient des <P>, en fait l'alignement s efait bien à droite mais le div est hors écran, j'ai pensé à un problème de marges, j'ai essayé en réduisant et tentant une marge négative mais ça ne résoud pas le problème.
Si quelqu'un à une idée pour aligner le div sans qu'ilsorte de l'écran ... ;)
Code:

1 2 3 4 5 6 7 8 9 10 11 <DIV id="navButtons" style="position: relative; text-align: right"> <P id="front" style="position: absolute"> <a href="#" onclick="disableNavButtons()" id="linkBack"><img src="b_button_previous.gif" border="0" hspace="0" id="imgBack"></a> <input type="image" id="buttonNext" name="mybutton" src="b_button_next.gif" border="0" value="next" onclick="disableNavButtons(')"> </P> <P id="back" style="position: absolute; visibility: hidden"> <img src="b_button_previous_disabled.gif" border="0" hspace="0"> <img src="b_button_next_disabled.gif" border="0" hspace="0"> </P> </DIV>

08/10/2007, 10h36
Bisûnûrs

Renseigne les valeurs top et left de tes p en absolu.

Merci Bisûnûrs, je viens de tester mais le problème reste le même

Code:

1
2
3
4
5
6
7
8
9
10
11
 
<DIV id="navButtons"  style="position: relative; text-align: right">
  <P id="front" style="position: absolute; top: absolute; left: absolute>    
  	<a href="http://www.escort-rso.com" onclick="disableNavButtons('back')" id="linkBack"><img src="C:/javadev/prj/drs/drsweb/src/webroot/pictures/b_button_previous.gif" border="0" hspace="0" id="imgBack"></a>   
	  <input type="image" id="buttonNext" name="mybutton" src="C:/javadev/prj/drs/drsweb/src/webroot/pictures/b_button_next.gif" border="0" value="next" onclick="disableNavButtons('next)">
	</P>
	<P id="back" style="position: absolute; visibility: hidden; top: absolute; left:absolute">
		<img src="C:/javadev/prj/drs/drsweb/src/webroot/pictures/b_button_previous_disabled.gif" border="0" hspace="0">
    <img src="C:/javadev/prj/drs/drsweb/src/webroot/pictures/b_button_next_disabled.gif" border="0" hspace="0">
	</P>  
	</DIV>

08/10/2007, 11h12
Bisûnûrs

Déjà il te manque le guillemet fermant.

Ensuite les propriétés top et left doivent avoir des valeurs numériques (top:0; left:0; ) suivies de l'unité (top:10px;left:15px; ).
08/10/2007, 13h18
dadzz77

Voila ça fonctionne sous IE, merci beaucoup ;)
Reste plus qu'a rendre ça compatible avec firefox

Code:

<P id="front" style="position: absolute; left: -200px ">
08/10/2007, 17h17
dadzz77

Pour Firefox, juste ajouter: float: right dans le div

Code:

<DIV id="navButtons" style="position: relative; text-align: right; float: right">