Tout d'abord, mes meilleurs voeux à tous !
Et en 2007
je progresse,
en CSS !
Naturellement dans ma quête de savoir je rencontre des cas de figures problèmatiques (portabilité IE6 la plupart du temps).
Comme à chaque fois que je ne trouve pas de réponse dans la littérature sur le sujet, les experts de ce forum m'en ont toujours apporté (avec une pertinence et une rapidité record), je reviens donc à la charge aujourd'hui :
LE CONTEXTE :
Je suis sur une mise en page de type 3 colonnes en largeur fixe (type gabarit d'Alsacréations N°15).
c'est à dire (petit rappel) qu'on a un conteneur de largeur fixe (disons 700px) , que la colonne gauche est positionnée en flottant à gauche, la colonne droite en flottant à droite, et le bloc centre est centré avec des marges latérales de même valeurs que les largeurs de colonne.
Disons que les colonnes latérales font 150px de large chacune et donc le centre 400px.
Maintenant, si dans le flux de mon bloc centre je place une image de la largeur exacte du bloc (400px), IE(6) fait sa crise et vient me la positionner en-dessous des flottants gauche et droite, au lieu de la mettre naturellement entre.
Bien entendu ce problème n'apparaît pas sous Firefox ni Opera (pas testé sur IE7).
http://forum.alsacreations.com/upload/9768-pb-image-et.gif
En outre si je fais des essais en réduisant successivement la largeur de mon image, le probleme disparait à partir de 394px de large. Comme si IE6 forçait des marges externes de 3px sur l'image (alors que j'ai initialisé toutes mes marges à 0).
Quelqu'un connait-il ce problème ?
Avec ce type de mise en page (somme toute assez courante) existe-t-il un moyen de placer une image en pleine largeur dans le bloc central sans que ça bogue avec IE6 ?
Merci d'avance...
Modifié par grrreg (03 Jan 2007 - 12:00)
Et en 2007
je progresse,
en CSS !
Naturellement dans ma quête de savoir je rencontre des cas de figures problèmatiques (portabilité IE6 la plupart du temps).
Comme à chaque fois que je ne trouve pas de réponse dans la littérature sur le sujet, les experts de ce forum m'en ont toujours apporté (avec une pertinence et une rapidité record), je reviens donc à la charge aujourd'hui :
LE CONTEXTE :
Je suis sur une mise en page de type 3 colonnes en largeur fixe (type gabarit d'Alsacréations N°15).
c'est à dire (petit rappel) qu'on a un conteneur de largeur fixe (disons 700px) , que la colonne gauche est positionnée en flottant à gauche, la colonne droite en flottant à droite, et le bloc centre est centré avec des marges latérales de même valeurs que les largeurs de colonne.
Disons que les colonnes latérales font 150px de large chacune et donc le centre 400px.
Maintenant, si dans le flux de mon bloc centre je place une image de la largeur exacte du bloc (400px), IE(6) fait sa crise et vient me la positionner en-dessous des flottants gauche et droite, au lieu de la mettre naturellement entre.
Bien entendu ce problème n'apparaît pas sous Firefox ni Opera (pas testé sur IE7).
http://forum.alsacreations.com/upload/9768-pb-image-et.gif
En outre si je fais des essais en réduisant successivement la largeur de mon image, le probleme disparait à partir de 394px de large. Comme si IE6 forçait des marges externes de 3px sur l'image (alors que j'ai initialisé toutes mes marges à 0).
Quelqu'un connait-il ce problème ?
Avec ce type de mise en page (somme toute assez courante) existe-t-il un moyen de placer une image en pleine largeur dans le bloc central sans que ça bogue avec IE6 ?
Merci d'avance...
Modifié par grrreg (03 Jan 2007 - 12:00)
