[HTML / CSS] Correction des positionnement

**S~C** · 08/05/2006, 01h54

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

)

**Swoög** · 08/05/2006, 02h12

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

**S~C** · 08/05/2006, 02h47

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 ?

**Swoög** · 08/05/2006, 03h03

aucun risque ni désaventage, au contraire, chaque visiteur aura un CSS optimisé pour son navigateur, c'est parfait

**S~C** · 08/05/2006, 03h06

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 ?

**ilood** · 08/05/2006, 11h46

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<!--[if IE]>
<link type="text/css" rel="stylesheet" href="styles_ie.css">
<![endif]-->

**S~C** · 08/05/2006, 14h34

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

Je te tiendrai au courant

,merci à toi !

**francis m** · 08/05/2006, 14h39

ce code fonctionne parfaitement je l'utilise également

**S~C** · 09/05/2006, 03h19

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 ?

**Swoög** · 09/05/2006, 08h11

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é

)

**S~C** · 09/05/2006, 13h42

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é ?

**Swoög** · 09/05/2006, 14h22

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

<!--[if IE]> ...<![endif]-->

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

**S~C** · 09/05/2006, 14h57

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 ?

**Swoög** · 09/05/2006, 15h35

très simple :
si $_SERVER['HTTP_USER_AGENT'] contient MSIE, c'est Internet Explorer

sinon, t'as Firefox pour Firefox etc...

**S~C** · 09/05/2006, 15h38

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 !

**Swoög** · 09/05/2006, 15h47

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**S~C** · 09/05/2006, 16h43

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

Je vais tester dans quelques minutes, merci de ta part

**S~C** · 09/05/2006, 17h21

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

[HTML / CSS] Correction des positionnement

Positionnement en CSS

Discussions similaires

Partager

Partager