[HTML / CSS] Correction des positionnement

Version imprimable

08/05/2006, 01h54
S~C

[HTML / CSS] Correction des positionnement

Salut les amis du net,

J'appelle aux plus exprimentés que moi de m'aider à cerner les causes et les corriger...

Voici mon projet : http://www.xi-tech.info/mise_en_page/index.php

J'ai un souci avec l'affichage du niveau "identification / mot de passe / valider", cela s'affiche correctement chez Firefox, mais pas celui d'Internet Explorer...

J'aimerais bien qu'on me dise comment puisse-je corriger afin qu'il (IE) s'affiche correctement comme chez Firefox !

Merci d'avance aux ceux qui lisent et prévoient m'aider :)

(Bonne nuit aux ceux qui vont dormir après avoir lu ce topic :P)
08/05/2006, 02h12
Swoög

il n'y a pas vraiment de solution...

tu as le positionnement pour FF...

comme tu utilise PHP, tu peux toujours détecter le navigateur et inclure (ou non) un CSS supplémentaire pour tenir compte d'IE...

enuiste, avec ce CSS, tu cherches le bon positionnement sous IE comme tu as fait pour FF...

Perso c'est ce que je fait sur mes sites...

Il n'y aura de toutes façons pas moyen de trouver des règles permettant d'avoir le même positionnement sous IE et sous FF, à moins d'utiliser les hacks boxs, mais dans ce cas, ça pourrait être encore pire si on regardais ton site sous un autre navigateur (Oracle par exemple...)

bonne chance ;)
08/05/2006, 02h47
S~C

A peine de commencer d'un projet, je suis déjà découragé...

Parce que ça vise à un grand nombre d'internaut (j'en suis sur)...

Bref, si je crée un site en utilisant 2 css différents (l'un pour Ff et l'autre pour IE) quel est désaventage ? Quel est le risque ?
08/05/2006, 03h03
Swoög

aucun risque ni désaventage, au contraire, chaque visiteur aura un CSS optimisé pour son navigateur, c'est parfait ;) :D
08/05/2006, 03h06
S~C

C'est vrai, cependant cela demande pas mal de travail en supplémentaire n'est-ce pas ?

Bref, auras-tu de la gentilesse de me montrer ce fameux code HTML qui permettra de detecter le navigateur et s'adapter au CSS ?
08/05/2006, 11h46
ilood
Salut

Il existe une solution alternative à la detection de navigateur, les commentaires conditionnels. Tu y place une feuille de style dédiée à IE et le tour est joué.
Code:

1 2 3 
08/05/2006, 14h34
S~C

Je vais tester parce que je ne connaissais pas ce code...

Je te tiendrai au courant :),merci à toi !
08/05/2006, 14h39
francis m

ce code fonctionne parfaitement je l'utilise également

Je ne suis pas tout à fait clair, j'ai mis dans ma page index.php ce bout code :

Code:

1
2
3
4
5
6
7
8
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
            <title>Projet en construction</title>
            <link href="css_ff.css" rel="stylesheet" type="text/css" />
            <!--[if IE]>
            <link href="css_ie.css" rel="stylesheet" type="text/css">
            <![endif]-->
        </head>

Il semble de ne pas prendre l'effet...

Est-ce que mon codage est correct ou pas ?

09/05/2006, 08h11
Swoög

disons que ce n'est pas vraimt css_ie qu'il faut mettre dans les commmentaires...

c'est un CSS qui rectifie le premier pour l'adapter à IE... si tu es sous IE, les deux seront (voilà pourquoi je préfère par PHP, on est toujours sûr de ce qui est chargé ;))
09/05/2006, 13h42
S~C

Je suis désolé, je n'ai vraiment pas trop compris...

Mes pages sont bien sur en php, et mon code pour diffiencier le css est faussé ?
09/05/2006, 14h22
Swoög

Non...
ce que je veux dire, c'est que avec cette solution, le CSS Firefox sera toujours chargé, même avec IE...
donc le CSS que tu mets dans

Code:



il ne faut pas qu'il redéfinisse tout le design pour IE, mais simplement qu'il fasse les corrections pour adapter le CSS de Firefox à IE...

Mias si tu utilises PHP pour repérer le navigateur Web, alors tu pourras choisir entre les deux CSS, et dans ce cas là, il n'y en aura qu'un qui sera chargé...

c'est tout ;)
09/05/2006, 14h57
S~C

Dans ce cas, personnellement, la solution qui me plait "le mieux" c'est qu'on détecte le navigateur et s'adapter la casade... Un css pour Firefox et l'autre pour Internet Explorer, connaissez-vous le code source pour ?
09/05/2006, 15h35
Swoög

très simple :
si $_SERVER['HTTP_USER_AGENT'] contient MSIE, c'est Internet Explorer ;)
sinon, t'as Firefox pour Firefox etc...
09/05/2006, 15h38
S~C

Je dois avoir l'air d'un boulet du dimanche...

Je ne comprends vraiment rien du code que tu me donnes ;)

Auras-tu de la sympathique de me montrer le code source plus complète ?

Redirection vers css_ie.css et css_ff.ff, je suppose que le code source est à placer dans la balise head du .php n'est-ce pas ?

(je dois aller vacciner Titeuf, mon labrador, à tout :) ;) )

Encore je m'excuse de mon boulet !

exemple : si on est sous IE, on prend le CSS IE sinon on prend le Firefox :
Code:

1 2 3 4 5 <?php $css = 'ff'; if(strpos($_SERVER['HTTP_USER_AGENT'], 'MSIE') !== false) $css = 'ie'; ?> <link rel="stylesheet" type="text/css" href="css_<?php echo $css; ?>.css">
dans la balise head oui ;)

09/05/2006, 16h43
S~C

En ne connaissant pas le php, mais c'est bien clair le script :)

Je vais tester dans quelques minutes, merci de ta part ;)
09/05/2006, 17h21
S~C

Effectivement, cela marche impeccablement ;)

Merci beaucoup à tous et surtout à Swoög pour son dernier code-source :)

Je vais mettre ce topic tant que resolu, je recréerai un nouveau qui correspondra à mon souci précis...

A l'instant, je reprends mon css_ie, je vais le coder pour qu'il soit rentable avec IE...

Bon fin de l'après-midi mes amis du net ;)

Fuseau horaire GMT +2. Il est actuellement 18h04.