28173 sujets

CSS et mise en forme, CSS3

Bonsoir,

C'est après de nombreux essais que je me permet de poster cette question.

J'ai changer le design de mon site mais il me reste un problème avec Internet Explorer 6 ; sous Firefox mon site est agencé comme il le faut.

Voici le lien vers le site http://www.subran.be/topcanon
Vous remarquerez tout de suite la différence sous Firefox et IE6.

Mon fichier CSS se trouve ici :
http://www.subran.be/topcanon/design/new.css

Un grand merci d'avance pour votre aide,

Subran

PS: La source du design se trouve sur ce site:
http://csszengarden.com/?cssfile=http://www.jaybarry.us/zengarden/zengarden-sample.css
Modifié par subran (03 Jun 2006 - 21:56)
Merci,

Je viens de rajouter cette ligne dans mon fichier *css (pour le body)
text-align: center; /* pour corriger le bug de centrage IE */

Mon site est maintenant centré mais les 2 blocs noirs du site ne sont toujours pas l'un à coté de l'autre comme sous firefox Smiley decu
Bonsoir,
Firefox se se comporte normalement pusqu'en fait l'addition de la largeur tes 2 block noir (460px+220px) + les pading latérales de 40px donc
460+220+80 = 760px, ce qui est nettement supèrieur au 700px défini du conteneur.

Donc en daclarant padding: 0 10px; au lieu de padding: 0 40px 0 40px;
ça fonctionne.
Hermann a écrit :
Bonsoir,
Firefox se se comporte normalement pusqu'en fait l'addition de la largeur tes 2 block noir (460px+220px) + les pading latérales de 40px donc
460+220+80 = 760px, ce qui est nettement supèrieur au 700px défini du conteneur.

Donc en daclarant padding: 0 10px; au lieu de padding: 0 40px 0 40px;
ça fonctionne.


Je viens d'effectuer les changements mais cela ne change rien aux 2 blocs qui ne sont pas l'un à côté de l'autre sous Internet Explorer 6 (IE6)
Firefox ne pose pas de problème, c'est IE6 qui me rend *** Smiley bawling

Merci pour votre aide,

Subran
Bonsoir,

J'ai trouvé l'origine du problème. Mais je ne l'ai pas encore résolu à 100%
Sous Firefox pas de problème mais sous IE6 une de les balises php génère un petit carré qui déroute IE6.

Voici la partie php qui génère le symbole carré:

<?include_once("calculs.php");?>


J'ai essayé de copier collé ce petit carré mais il ne s'affiche pas; vous pouvez le voir dans le code source de ma page (si vous affichez le code source sous IE6) il se trouve juste devant la balise <head>
http://www.subran.be/topcanon

Y a t il une possibilité pour que ce petit carré ne s'affiche plus sous IE6?


Merci d'avance pour votre aide,

Subran
Modifié par subran (03 Jun 2006 - 20:16)
Ce problème est en fait résolu au niveau design.
Je vais donc poser la questions à propos de ca carré (dû à l'include en php) dans la partie php,

Merci pour votre aide,

Subran
Modifié par subran (03 Jun 2006 - 20:28)