Discussion :

[goodvibs]

Bonjour a tous!

J'ai un sacre probleme: j'ai une colonne qui se balade partout d'apres la taille de l'ecran, etc... (d'ailleurs j'avais jamais remarqué le probleme comme sur mon ecran la boite etait a la bonne place... ).
Donc je sollicite votre aide pour me sortir de se petrin

J'aimerai que cette colonne reste a ça place (pas coller sur les bords) malgre la taille/resolution de l'ecran

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
	<div id="linkList">
		<div id="linkList2">
			<div id="lselect">
				<h3 class="select"><span>Select a recette:</span></h3>
				<ul>
					<li><a href="construction.html" title="FACILE a faire!">Carbonara</a></li>
					<li><a href="construction.html" title="FACILE a faire!"> Quiche Lorraine</a></li>
					<li><a href="construction.html" title="FACILE a faire!"> Bouchées à la reine</a></li>
					<li><a href="construction.html" title="FACILE a faire!"> Escalopes a la creme</a></li>
					[....]
 
				</ul>
			</div>

Et sur la feuille de style:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
#linkList{
	background:transparent url(/linkback.gif) repeat-y top left;
	margin:0 0 0 70px;
	float:left;
	width: 120px;
	position:absolute;
 
 
  top: 299px !important;   /* Bons navigateurs */
  top: 269px;		   /* explorer 5 */
  top/**/:/**/299px;	   /* explorer 6 */
}
 
 
#linkList2{
	background:transparent url(/linkbottom.jpg) no-repeat bottom left;
	padding:0 2px 20px 2px;
}

Merci beaucoup!!!!!!!!!!!!!!!!!!!!!!!!

[PuppeT mAsTer]

Tu peux essayer en changeant le position de ton div de absolute par static

++


PM, qui ne garantie pas que ça marche mais p-e

[goodvibs]

Merci pour la reponse !
Etonnement... ça marche!

Mais faut que je vois encore ça, du coup il me la fixe n'importe ou et surtout pas au meme endroit entre Firefox et IE (ça c'est plus problematique) mais au moins ça bouge plus!

[goodvibs]

j'ai regle le probleme le probleme de la boite qui se fixe n'importe ou : il suffisait en fait de mettre "none" dans le parametre "float". Donc la c'est bien centré la ou il faut ! Par contre il me reste le probleme de la HAUTEUR .... Entre firefox et IE c'est plus ou moins bas (sans varier sur la largeur) et j'arrive pas a remonter la boite vers le haut de la page

[goodvibs]

Alors j'ai "resolu" le probleme de la boite qui etait trop basse en changeant le code d'origine (voir premier message) par celui ci:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
#linkList{
	background:transparent url(/linkback.gif) repeat-y top left;
	margin:-960px 0 0 70px;
	float:left;
	width: 120px;
	position:absolute;

	
  top: 299px !important;   /* Bons navigateurs */
  top: 269px;		   /* explorer 5 */
  top/**/:/**/299px;	   /* explorer 6 */
}


#linkList2{
	background:transparent url(/linkbottom.jpg) no-repeat bottom left;
	padding:0 2px 20px 2px;
}

Sous Internet explorer c'est tout bon, mais alors Firefox je sais pas ce qu'il me fait...... Explication: au lieu que la boite remonte "normalement" , firefox me "l'étire" , du coup l'entête de la colonne est a peu pres a la bonne place mais en dessous y a un grand "vide" et en fin de compte le bas de la colonne est toujours a la meme place...

Help please

[IdF-Socrateus]

J'utilise personnellement des "position:absolute" pour fixer ce qui doit l'être de manière "contrainte", puis je définis la hauteur et la largeur (on peut mettre "auto" pour ne contraindre que l'un des deux, ou des %...). Ensuite je positionne avec

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
top:10px;
left:100px;

par exemple...
Je n'ai pas vu ta page, mais une marge de -960 ça fait un peu bizarre, non ?