Discussion :

[{F-I}]

Bonsoir à tous,

Je souhaite vous faire part de mon souci au niveau de CSS, il s'agit d'un problème de positionnement des textes...

Ils différent selon la résolution d'écran...

(edit : c'est le menu rapide et le texte du compteur visite qui sont concernés)

Sous 1680 * 1050, affichage correcte :

Cliquez-ici pour voir l'image

Sous 1280 * 1024, affichage foire :

Cliquez-ici pour voir l'image

Si vous voulez, vous pouvez vous rendre ici pour regarder la page (code source)

En espérant de pouvoir compter sur vous pour m'aider

Bonne soirée

[blueice]

C'est normal, tu utilises une position absolute...

[{F-I}]

Donc qu'est-ce que je dois faire pour le remplacer ?

Merci

[mLk92]

Donc qu'est-ce que je dois faire pour le remplacer ?

Merci

J'ai pas tout bien regardé, mais voilà comment tu devrais (je pense voir la chose) :

Si ton bloc doit resté dans le flux de son conteneur : position relative
Si ton bloc doit se séparé de son conteneur: position absolute avec positionnement left, top, bottom ou right;
Si ton bloc doit être fixé indépendemment du reste de ta page: position fixe
Sinon il reste les positionnements flottant pour gauche ou droite (pas au centre)

Après tu peut joué avec les positions pour plus ou moins imbriquer tes div


Edit: Bon j'ai vu ton souci, il te faut mettre une taille à ton div positionner, le positionner par rapport à son conteneur. La position absolute, fait que ton menu s'enfuit de son conteneur et donc se balade un peu à sa sauce. En gros il est mal positionner.

[{F-I}]

Edit: Bon j'ai vu ton souci, il te faut mettre une taille à ton div positionner, le positionner par rapport à son conteneur. La position absolute, fait que ton menu s'enfuit de son conteneur et donc se balade un peu à sa sauce. En gros il est mal positionner.

Pourras-tu (s'il te plaît) me montrer le code source à règler parce que là j'ai du mal à cerner le problème et y remedier :s

[{F-I}]

En gros, il faut que j'ajoute position: absolute; pour la div cadre_principal ?

Merci d'avance

[blueice]

Pas bien compris la construction de ton site...
Pourquoi utiliser des positions absolute ?
Tout se balade.

[mLk92]

En gros, il faut que j'ajoute position: absolute; pour la div cadre_principal ?

Merci d'avance

Non justement, il faut que tu enlève la position absolute à ton menu, essai de le positionner en le faisant rester dans le flux.

Pour cela t'a la position relative auquel tu peux rajouter des valeurs top, left, right, bottom.

[{F-I}]

Cela marche très bien (en remplacant absolute par relative et en jouant un peu avec les chiffres pour right et top).

Merci beaucoup

[{F-I}]

Bonjour à tous,

Malheureusement, je viens de découvrir que cela foire chez Internet Explorer v6...

Firefox et IE 7 ok

Comment y remedier ?

lien à voir avec IE6

Merci beaucoup

[blueice]

Il faut faire une feuille de style pour IE6 uniquement qui corrige le problème...

[{F-I}]

Carrement ?

On ne peut pas ajouter un bout de code source dans CSS dédié au IE6 ?

[blueice]

Ben si justement, dans une feuille de style séparée :-)

[{F-I}]

Comment on code cela ?

Comment on fasse pour que la navigateur (IE6) sache de prendre un autre feuille CSS que celui par défaut (pour IE7 et FF)

Merci d'avance

[blueice]

Code html :

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

1
2
3
4
 
<!--[if lte IE 6]>
	<link rel="stylesheet" href="styles-ie.css" type="text/css" media="all" charset="utf-8" />
	<![endif]-->

[Candygirl]

Carrement ?

On ne peut pas ajouter un bout de code source dans CSS dédié au IE6 ?

Si, perso, pour une petite correction du genre je ne ferais pas de feuille de style séparée. Je garde les commentaires condtionnels pour les corrections conséquantes ou pour introduire des instructions non valides.

Vraisembablement il s'agit là d'un petit problème de haslayout que l'ajout d'un petit

Code :

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

1
2
3
ul#menus_liens {
  width:100%; /* donne le layout pour IE6 */
}

devrait résoudre

[{F-I}]

blueice

En faisant comme ça ?

Code HTML :

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

1
2
3
4
<link rel="stylesheet" media="screen" type="text/css" title="Fiche CSS Handy-Mobil" href="include/style.css" />
        <!--[if lte IE 6]>
		<link rel="stylesheet" media="screen" type="text/css" title="Fiche CSS Handy-Mobil" href="include/style-ie6.css" />
		<![endif]-->

Parce que cela IE6 ne prend pas en compte... Je dois me tromper un peu je crois.

Candygirl

Le problème avec ton code c'est que cela va "foirer" le positionnement chez Ff et IE7 parce que chez IE 6 les liens sont placés plus bas (chez IE7 et Ff ok) donc si je fais "montrer" pour qu'il affiche correctement chez IE6, chez IE7 et Ff je verrai les liens trop en haut

[Candygirl]

Le problème avec ton code c'est que cela va "foirer" le positionnement chez Ff et IE7 parce que chez IE 6 les liens sont placés plus bas (chez IE7 et Ff ok) donc si je fais "montrer" pour qu'il affiche correctement chez IE6, chez IE7 et Ff je verrai les liens trop en haut

Rien compris
As-tu testé l'ajout que je te propose (sans autres modifs particulières pour IE6) ?

[{F-I}]

Oui, j'ai testé ta modif.

Maintenant après de très nombreux tests, je m'y perds un peu et je suis revenu à mon ancien feuille CSS, j'ai verifié et tout marche bien chez Ff et IE6... Je ne comprends plus rien.

Je vous demande de bien vouloir tester l'affichage (en particulière au niveau des liens du menu) sous

IE 6
Ff
IE 7

Merci de me dire s'ils affichent bien ou pas.

[blueice]

Ton site est mal codé, mauvaise utilisation des <br />, des divs...
Pour un site qui se dit conforme ca le fait pas...

10 erreurs