positionner un calque et faire qui ne bouge pas...

positionner un calque et faire qui ne bouge pas... - HTML/CSS - Programmation

Marsh Posté le 28-08-2002 à 10:13:45    

bonjour a tous!
 
mon calque a ce code ci :
<div id="recherche" style="position:absolute; left:311px; top:104px; z-index:1; width: 243px; height: 74px"> mon tableau</div>
 
or a chaque fois que je resize ma page il bouge cet abruti...J'ai vu plein de site ou leurs calques ne bougeait pas...J'ai repris leur code mais dans ma page a moi ils bougent!!!
 
si vous voyez une explication je suis preneur...
 

Reply

Marsh Posté le 28-08-2002 à 10:13:45   

Reply

Marsh Posté le 28-08-2002 à 10:18:50    

Comment ça il bouge ?
 
On peut avoir un peu plus de code (ou mieux la page en ligne) ?

Reply

Marsh Posté le 28-08-2002 à 10:43:52    

En fait je me suis fait bêtement piégé (débutant...) car derrière y'avait une image qui bougeait donc ca me donnait l'impression que le claque bougeait...
 
Je vous decrit la situation plutot classique je pense...
 
J'ai un champ de recherche que je veux mettre au dessus d'une image alors je pourrais mettre l'image en fond de cellule seuelement sur NS ca deconne donc j'ai preferé mettre une image dans la page elle mm et un claque par dessus. Mais l'image au dessous est dans un tableau qui varie en fonction de la resolution client...alors pour l'instant ce que j'ai fait c que je positionne le calque en prenant compte de la position de l'image avec ce code :
 
 if (ie4) {
 // Version IE
 
 //on cherche les coordonnees de l'image
 bandeau_x = document.all("bandeau" ).offsetLeft + 200;
 bandeau_y = document.all("bandeau" ).offsetTop + 100;
 
        document.all("recherche" ).style.left=bandeau_x;
 document.all("recherche" ).style.top=bandeau_y;
 }
 
si vous avez une autre solution je veux bien
 
satané calques !!!


Message édité par le_zell le 28-08-2002 à 10:44:17
Reply

Marsh Posté le 28-08-2002 à 10:56:15    

Essaye de positionner ton <input> de manière relative:
 
<img ...>
<input ...>
 
Propriétés de style pour <input> :
 position: relative;
 top: -15px;
 left: -15px;
 
Tu dois jouer avec top, left, bottom, right pour positionner ton <input>

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed