Voilà,

Avec un ami (enfin surtout l'ami) nous avons fait un site : http://airrp.free.fr
Comme vous pouvez le constater, le pied de page n'est pas du même rose que le reste de la charte graphique, et surtout, le tableau a droite n'est pas du tout aligné....
Je pensais a un souci de CSS, mais ce qui m'étonne, c'est qu'en allant sur les autres pages, je n'ai pas de souci de tableau non aligné (mais tjs le pb des couleurs en pied de page).

Quelqu'un pour m'éclairer?

Merci d'avance de votre future aide Smiley confused
Cela vient tout simplement de ton contenu central qui est trop large,
essayes par exemple 610px au lieu de 625.
Lol ben alors on oublie ce qu'on a codé? Smiley cligne
Oui dans la css:
div#article {
	display: block;
	float:left;
	float:top;
	width: 625px;
	margin-bottom: 15px;
	margin-left: 15px;
	border: 1px solid #cf0f80;
	background-color:#daecff;
	padding: 10px;
	text-align: justify;
	font-size: 11pt;
	color:#3a3a3a;
}

Modifié par Hermann (22 Jan 2007 - 20:53)
non, non, je n'oublie pas.... Smiley biggrin mais c'est pas moi qui ai fais le CSS Smiley cligne

Je te remercie INFINIMENT de ton aide..... Ca marche maintenant.....

Tu aurais peut-ètre une solution pour le pied de page qui n'est pas de la même couleur que la charte graphique?

Peut-ètre saurais tu aussi pkoi le site ne passe pas bien avec internet explorer (par contre il est tip top avec firefox!!!! Smiley cligne )

Merci beaucoup de ton aide !!! Smiley confused
Modifié par Galatee (22 Jan 2007 - 21:05)
Bonsoir,

Pour ton problême de bug sur IE cela vient certainement du fait que des width et le padding se retrouvent dans un même sélecteur. Exemple :


div#article {
	display: block;
	float:left;
	float:top; <-- Euh c'est quoi ça ?
	[b]width: 625px;[/b]
	margin-bottom: 15px;
	margin-left: 15px;
	border: 1px solid #cf0f80;
	background-color:#daecff;
	[b]padding: 10px;[/b]
	text-align: justify;
	font-size: 11pt;
	color:#3a3a3a;
}


Petit conseil, essaye de ne pas mélanger les deux, tu as peut-être à l'intérieur de cette div une balise paragraphe (<p>). Il siffirait de lui affecter le padding.
Modifié par zzzazzz (22 Jan 2007 - 22:16)
désolé galatee

sur ie7, j'ai un toujours un décalage à droite....

pour le pb de couleur : une idée :

si ton image de fond pour le pied a été conçu avec une couleur nonweb, ton navigateur lui attribue une couleur web la +proche puisque l'espace de couleur web est plus restreint.
Galatee a écrit :
Ca marche maintenant..... Smiley confused


A moins que tu ai apporté les changements sur ta page uniquement en mode local et pas encore en ligne, moi je vois encore ce décalage que ce soit sur Firefox ou sur Explorer.

Sinon, une petite parenthèse sur le design du site, il est pas mal, cependant, dès qu'on arrive dessus, on comprend de suite qu'il s'agit de quelque chose concernant la région parisienne, vu que le nom "Paris" et "Ile-de-France" sont affichés en grand et qu'il y a un tour d'horizon avec la tour Eiffel à l'arrière plan, par contre, il faut absolument lire la phrase juste en dessous pour comprendre que ça parle surtout de l'insuffisance rénale.

Je crois qu'il serait beaucoup plus efficace de faire un design mettant un peu plus en avant l'insuffisance rénale puisque ça à l'air d'être le sujet principal.(ce n'est évidement que mon avis Smiley smile ).
Je suis assez d'accord avec toi.... Ceci dit, je ne sais pas trop comment faire ressortir le coté "insuffisance rénale" sans rentrer dans le mélodrame... (photos de machines de dialyse a coté de la tour eiffel, truc du genre).

Sinon, moi je confirme, ça bug avec ie, mais pas avec firefox....

Pour le padding dans une balise <p> je vois pas trop ou je pourrais le mettre....

Et pour la couleur, j'avais pas pensée au truc nonweb.... je vais peut etre devoir insérer une image du coup.... Enfin ça attendra, en ce moment je manque de temps Smiley lol

Merci de votre aide en tout cas Smiley cligne vous ètes trés sympas..... Smiley confused
Bonjour,

grassel a écrit :

si ton image de fond pour le pied a été conçu avec une couleur nonweb, ton navigateur lui attribue une couleur web la +proche puisque l'espace de couleur web est plus restreint.


Faux. La limitation ne vient pas du Navigateur mais des anciennes cartes graphique.
Ceci n'est plus vrai depuis que la grande majorité des cartes graphiques ont
été capable d'afficher 65536 couleurs au lieu de 256 (8bits > 16 bits).
Ce qu'on appelle les couleurs web (web safe) représente
les 216 couleurs commune (parmis les 256 couleurs) au MAC et PC.

Les navigateur web qui sont tout à fait capables d'afficher des millions de
couleurs se basent sur le profil sRVB qui est un standard issu de la
video et qui est supposé être une moyenne des couleurs d'affichage écran.
Certe c'est un espace colorimétrique plus rédui que certains profils comme
l'Adobe RGB (pour l'impression) qui permet d'obtenir des couleurs plus
saturées essentiellement dans les tons chair et cyan mais celui-ci affiche
les couleurs avec une plus grande garanti de cohérence chromatique d'un écran a l'autre.
Tu devrais donc enregistrer ton fichier avec ce profil.

Penses tu au moins à tester sur IE6 qui sera majoritaire pendant encore
quelques temps? Parceque la transparence PNG32 de l'image du footer ne
se fait pas sur cette version donc tu as un gris moyen en fond des
arrondis.

Quant au différence de luminosité sous IE avec le png8 (8bits) ça se règle
avec PngOUT ou ou tweakPNG qui suppriment le gamma qui provoque un
léger assombrissement du png. Le premier optimise les png en plus.

Autre chose :
le code commenté

div#article {

	display: block; /*inutile car la propriété float autre que none fait passer la valeur de display à block*/
	float:left;
	float:top; /*la valeur top n'existe pas*/
	width: 625px;
	margin-bottom: 15px;
	margin-left: 15px;
	border: 1px solid #cf0f80;
	background-color:#daecff;
	padding: 10px;
	text-align: justify;
	font-size: 11pt; /*Unité point déconseillé pour un affichage écran*/
	color:#3a3a3a;
}


zzzazzz te dit ne ne pas associer un width au padding à cause d'une
différence d'interprétation d'affichage sur IE5.5 et antèrieure.
Pour des explications, je te conseille de lire cet article.
Je te conseillerais si c'est possible de ne pas attribuer de largeur
à ce bloc puisque ne rien mettre equivant à un width:auto
qui permet au bloc de prendre tous l'espace disponible en largeur.
Modifié par Hermann (24 Jan 2007 - 10:18)
coucou,

Mais si je fais ça, ça va ètre décalé avec mon menu du haut non? (le bandeau fnair paris ile de france).

Je m'excuse, je n'avais pas eue de mails m'indiquant des réponses.....
Merci pour le mail Smiley confused
a écrit :

Herman a écrit :

Faux. La limitation ne vient pas du Navigateur mais des anciennes cartes graphique.


bien vu pour la précision et merci.
Je me suis emmèlé les crayons avec les espaces colorimétriques Smiley biggol

..."toute chose qui se conçoit bien s'ennonce clairement" qu'il disait Smiley confused