26748 sujets

CSS et mise en forme, CSS3

Pages :
(reprise du message précédent)

JE ne te suis pas du tout alan, j'ai bien compris que quand je met le png je ne peut pas le repeter. Je me suis dit quand mettant un truc de 3000 px ca serait bon, et d'ou l'usage du crop mais apparamment j'ai un soucy ca marche pas

http://qa.nikolours.com/final/homec.html

Et ce qu'il me semble etrange c que ca s'arrete au meme endroit que sur la page ou j'ai mon pb de repetition de gif.

Je vous joint des capture dans le cas ou vous avez pas des ecrans assez grand pour vous en rendre compte.

Donc le pb de repetion avec le gif
http://qa.nikolours.com/final/probleme_avec_gif.jpg
Ca ce passe la http://qa.nikolours.com/final/home.html

et le pb avec le png de 3000 px que j'arrive pas a afficher en entier
http://qa.nikolours.com/final/probleme_avec_png.jpg
http://qa.nikolours.com/final/homec.html
Ce n'est pas lié à l'image ça : c'est parce qu'il n'y a pas dans ta CSS pour IE le fameux height:100% qui permet à IE6 de faire une hauteur minimale de 100%...
dans le tuto que tu as suivi :
a écrit :
Sous IE 6, la page n'occupe pas toute la hauteur, car IE ne reconnaît pas la propriété min-height. Par chance (dans notre cas), IE ne comprend pas bien height, et l'interprète comme s'il s'agissait de min-height :
#global {
	height: 100%;
	}


et dans la CSS générale, enlève le !important
div#center {
	padding-top:20px;
	padding-left:25px;
	padding-bottom: 30px; 
	overflow: auto [b]!important[/b];
	color: #BDC1BC;
}
Sinon ça écrasera l' overflow:visible qui est dans la CSS pour IE
Modifié par Alan (28 Jan 2007 - 17:36)
Rah je le savais en plus le coup du height...

Et le !important j'ai mal interpreté je pense. J'avais lu qq part qu'il n'etait pas reconnu par ie mais je viens de relire la doc sur les selecteur et ils disent bien que c le dernier parametre indiqué par l'auteur qui est pris en compte (si j'ai bien compris).

En tout cas merciiiiiii enormement j'ai enfin le résultat escompté sur les principaux naviguateur, bon c'est peut etre pas la solution la plus legere mais je vais m'atteler à l'optimisation des images.

Je bossais avec les tableaux avant, c'est la premiere fois que j'utilise les css et franchement meme si y a plein de galere au début c'est quand meme super puissant et bien plus simple Smiley lol

Merci à Alsa, je vais essayer de rester un membre actif du forum et d'aider les autres quand j'aurais des bases solides Smiley lol
Concernant ta feuille de style pour IE : il faudrait enlever le zoom:1 appliqué à div#global : ça ne sert à rien puisqu'il y a le height:100% (et sûrement une largeur dans la CSS générale), et ça empêche les liens d'être cliquables dans IE 5.5 (malgré la position relative)

Par ailleurs, avec ce filter, il faudra faire attention à d'autres éléments, tel que <input /> et appliquer une position relative si nécessaire
Nikolours a écrit :
Et le !important j'ai mal interpreté je pense. J'avais lu qq part qu'il n'etait pas reconnu par ie

C'est quand on indique à la suite une autre valeur dans le même bloc de déclaration :
p {
	color: red !important;
	color: yellow;
}
MSIE 5 et 6 afficheront un texte jaune, alors qu'il devrait être rouge.

En revanche, placés dans des blocs de déclarations différents, IE 5 et 6 afficheront bien un texte rouge :
p {color: red !important}
p {color: yellow}

Modifié par Alan (28 Jan 2007 - 23:56)
C'est fait pour le zoom merci, j'ai pas pensé à tester sous ie5.

Pas de input prévu sur cette page pour le moment, merci pour l'info (mais bon si le position relative règle le pb ca devrait aller au cas ou Smiley smile )

D'ac pour le !important j'avais pas saisie la nuance.

Du coup j'aurais meme pas besoin de faire une feuille de style dédié à ie, et tout géré avec le !important?

M'enfin ca doit bien etre galere quand meme je suis pas sur que dans mon cas ca ai un interet Smiley biggol
Pages :