pb avec IE

Général
1

J'ai enfin mis officiellement en ligne le site de ma mairie
www.pouzy-mesangy.com
et dès la page d'accueil j'ai un pb avec IE alors que ça marche avec les
autres navigateurs : l'image de l'église sous IE est calée à droite et non à
gauche, et le cadre et les blocs de droite sont décalés d'autant.

Je ne comprend pas pourquoi et surtout je ne sais pas quoi faire...

--
Cordialement, Daniel Cartron
« Le bonheur à deux ça dure le temps de compter jusqu'à trois. »
Sacha Guitry

2

Daniel Cartron a écrit :

J'ai enfin mis officiellement en ligne le site de ma mairie
www.pouzy-mesangy.com
et dès la page d'accueil j'ai un pb avec IE alors que ça marche avec les autres navigateurs : l'image de l'église sous IE est calée à droite et non à gauche, et le cadre et les blocs de droite sont décalés d'autant.

Je ne comprend pas pourquoi et surtout je ne sais pas quoi faire...

Quelle version d'IE ?

Sous IE7 tout va bien apparemment.

Eric

3

Eric Lurand a écrit :

Daniel Cartron a écrit :
  

J'ai enfin mis officiellement en ligne le site de ma mairie
www.pouzy-mesangy.com
et dès la page d'accueil j'ai un pb avec IE alors que ça marche avec les autres navigateurs : l'image de l'église sous IE est calée à droite et non à gauche, et le cadre et les blocs de droite sont décalés d'autant.

Je ne comprend pas pourquoi et surtout je ne sais pas quoi faire...
    

bonjour,

c'est l'image du bloc .texte qui est décalée vers la droite et qui du coup pousse le menu de droite.

On supprime les marges de la liste dt contenu dans le bloc .texte :
.texte dt { margin: 0; }

L'image se replace, mais la légende se met à droite de l'image, on lui interdit de s'y mettre pour qu'elle se cale sous l'image :
.texte dt{clear: both;}

L'image et la légende sont maintenant bien positionnés, mais le paragraphe vient se coller à droite de l'image, il suit le flux, on ajoute donc une règle pour supprimer cet effet:
.texte p{clear: left;}

En résumé à ajouter dans la css :
.texte dt {margin: 0; clear: both;}
.texte p{clear: left;}

Testé sous Firefox et IE6

à+

4

wouahh !! j'ai pas tout suivi, je débute ave le css mm avec le bouquin de raphael, mais je vais tester dès que possible. Merci

Ce n'est pas grave si tu n'as pas tout suivi :-p

As-tu testé?

5

Le vendredi 1 juin 2007 09:50, bouthaïna a écrit :

Ce n'est pas grave si tu n'as pas tout suivi :-p

As-tu testé?

oui et c'est pire : le texte n'habille plus du tout l'image. En tout cas avec
konqueror et FF mis pas testé avec IE... Et je ne sais si ça a un rapport
mais je n'ai plus les boutons d'admin :frowning:

--
Cordialement, Daniel Cartron
« En automne, toutes les feuilles des livres devraient tomber. »
Ramon Gomez de la Serna

6

à la ligne 130 de ton base.css, tu as commenté un code et c'est apparemment cela qui cause tes malheurs :

/*.texte dt {margin: 0; clear: both;}
.texte p{clear: left;}

il faut le décommenter :
.texte dt {margin: 0; clear: both;}
.texte p{clear: left;}

enfin ça marche chez moi en local, FF et IE7

Daniel Cartron a écrit :

J'ai enfin mis officiellement en ligne le site de ma mairie
www.pouzy-mesangy.com
et dès la page d'accueil j'ai un pb avec IE alors que ça marche avec les autres navigateurs : l'image de l'église sous IE est calée à droite et non à gauche, et le cadre et les blocs de droite sont décalés d'autant.

Je ne comprend pas pourquoi et surtout je ne sais pas quoi faire...

7

Le vendredi 1 juin 2007 18:08, Stéphane a écrit :

à la ligne 130 de ton base.css, tu as commenté un code et c'est
apparemment cela qui cause tes malheurs :

je l'ai commenté parce que si je le laisse le texte n'habille plus l'image
mais commence en dessous. Or je veux qu'il commence en haut de l'image et
qu'il remplisse la partie vide entre l'image et le bord du cadre, puis qu'il
remplisse tout le cadre une fois l'image dépassée. Si je remet le code le
texte ne fait pas çà.

--
Cordialement, Daniel Cartron
« Le marchand de sable ne fait pas fortune dans le désert. »
Proverbe bantou - Alexandre Vialatte

8

alors essaye :

.texte dt {margin: 0; clear: both;} !important
.texte p{clear: left;}

Daniel Cartron a écrit :

Le vendredi 1 juin 2007 18:08, Stéphane a écrit :

à la ligne 130 de ton base.css, tu as commenté un code et c'est
apparemment cela qui cause tes malheurs :

je l'ai commenté parce que si je le laisse le texte n'habille plus l'image mais commence en dessous. Or je veux qu'il commence en haut de l'image et qu'il remplisse la partie vide entre l'image et le bord du cadre, puis qu'il remplisse tout le cadre une fois l'image dépassée. Si je remet le code le texte ne fait pas çà.

9

Le vendredi 1 juin 2007 19:37, Stéphane a écrit :

alors essaye :

.texte dt {margin: 0; clear: both;} !important
.texte p{clear: left;}

ça ne perturbe rien dans konqueror ni FF mais j'ai pas IE, donc si qqun peut
tester http://www.pouzy-mesangy.com/ et me dire si l'image de l'église est
bien calée vers la gauche ?

Et il me semble avoir lu qq part qu'on pouvait avoir un IE pour linux, si qqun
sait où je suis preneur.

--
Cordialement, Daniel Cartron
« Sans alcool pas de lucidité. »
Serge Gainsbourg

10

Daniel Cartron a écrit :

Le vendredi 1 juin 2007 19:37, Stéphane a écrit :
  

alors essaye :

.texte dt {margin: 0; clear: both;} !important
.texte p{clear: left;}
    
ça ne perturbe rien dans konqueror ni FF mais j'ai pas IE, donc si qqun peut tester http://www.pouzy-mesangy.com/ et me dire si l'image de l'église est bien calée vers la gauche ?

Et il me semble avoir lu qq part qu'on pouvait avoir un IE pour linux, si qqun sait où je suis preneur.
  
je t'ai envoyé hier les copies d'écran de IE6, je t'ai expliqué également que si tu veux que le texte vienne remplir l'espace à droite de l'image faut alors enlever la règle .texte p{clear: left;}( sachant qu'à la base je t'ai dit de mettre cette règle en partant de l'affichage supposé correct sous firefox). Bref, relis les mails qu'on s'est échangé, parce qu'on se répète là.

11

pour avoir ie sous linux, il existe une solution :http://www.tatanka.com.br/ies4linux/page/Main_Page

mais personellement, j'ai abandonné cette methode car j'avais trop de problemes.

Depuis, j'utilise virtualbox (http://www.virtualbox.org). Ca me permet d'avoir un windows complet sur lequel j'ai installé ie6 et ie7 (grâce à ca : http://tredosoft.com/Multiple_IE )

Dans le meme ordre d'idée, j'utilise qemu (Redirection) qui me permet d'avoir un macosX pour tester avec safari.

Chag

Et il me semble avoir lu qq part qu'on pouvait avoir un IE pour linux, si qqun sait où je suis preneur.
  
--
"Ca ne marche pas" ne veut rien dire. Alors ne dites rien
"it doesn't work" means nothing. So, say nothing

12

Je viens d'aller voir ton site

L'eglise en dessin est bien cadré à gauche dans la zone centrale.

Xavier BUROT

Selon Daniel Cartron <dan@cartron.org>:

Le vendredi 1 juin 2007 19:37, Stéphane a écrit :
> alors essaye :
>
> .texte dt {margin: 0; clear: both;} !important
> .texte p{clear: left;}

ça ne perturbe rien dans konqueror ni FF mais j'ai pas IE, donc si qqun peut
tester http://www.pouzy-mesangy.com/ et me dire si l'image de l'église est
bien calée vers la gauche ?

Et il me semble avoir lu qq part qu'on pouvait avoir un IE pour linux, si
qqun
sait où je suis preneur.

--
Cordialement, Daniel Cartron
« Sans alcool pas de lucidité. »
Serge Gainsbourg

_______________________________________________
liste spip
spip@rezo.net - désabonnement : spip-off@rezo.net
Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
Documentation de SPIP : http://www.spip.net/
irc://irc.freenode.net/spip
FAQ : http://www.spip-contrib.net/spikini/FaQ

13

Le samedi 2 juin 2007 10:25, chag a écrit :

pour avoir ie sous linux, il existe une solution

:http://www.tatanka.com.br/ies4linux/page/Main_Page

mais personellement, j'ai abandonné cette methode car j'avais trop de
problemes.

c'était ça dont- j'avais entendu parler, mais si tu dis que c'est
problématique...

Depuis, j'utilise virtualbox (http://www.virtualbox.org). Ca me permet
d'avoir un windows complet sur lequel j'ai installé ie6 et ie7 (grâce à
ca : http://tredosoft.com/Multiple_IE )

Dans le meme ordre d'idée, j'utilise qemu
(Redirection) qui me permet d'avoir un macosX
pour tester avec safari.

Super, je vais regarder tout ça. Merci

--
Cordialement, Daniel Cartron
« Quand on ne sait pas où l'on va, il faut y aller!!...
...et le plus vite possible. »
Devise Shadock

14

Le samedi 2 juin 2007 10:14, bouthaïna a écrit :

Bref, relis les mails qu'on s'est
échangé, parce qu'on se répète là.

Désolé mais je ne comprend pas encore très bien tout ce que fait css donc je
patauge un peu. Enfin apparemment pour l'instant tout fonctionne comme il
faut.

Merci à tous.

--
Cordialement, Daniel Cartron
« Aimez les choses à double sens, mais assurez-vous bien d'abord qu'elles ont
un sens. »
Sacha Guitry - L'esprit de Paris

15

Le 02/06/07, Daniel Cartron a écrit :

Surveille cette page:
http://browsershots.org/website/http://www.pouzy-mesangy.com/

–
@plus

Jacques

Pour les lyonnais++ spip-lyon@rezo.net http://spip-party.net/-Lyon-

Remercier Spip et les plugins (Crédits) : http://spip.jermer.fr/?Plugin-plugins-actifs-version-5
Je rend grâce au travail des développeurs de JoomlaSpip, de ses plugins et de ses templatessquelettes, quels qu’ils soient, où qu’ils soient. Merci à tous les amis ! (d’après JP)

16

Le samedi 2 juin 2007 13:44, Jacques J. a écrit :

Surveille cette page:
http://browsershots.org/website/http://www.pouzy-mesangy.com/

'tain c'est trop fort ça !!

J'ai demandé aussi les différentes versions d'IE, on va voir ce que ça donne,
mais c'est un outil fantastique... Merci

--
Cordialement, Daniel Cartron
« En essayant continuellement on finit par réussir. Donc : plus ça rate plus
on a de chances que ça marche. »
Devise Shadock