au secours !!! FF contre IE !!

angeblanc22 · 16 Mars 2007

Bonjour, sans déconner
j'ai besoin de votre aide, mon intranet sur FF fonctionne très bien, mais sur IE ça reste à désirer...

mon menu par exemple n'est pas très présentable sur IE, et j'aimerai réussir à trouver un moyen pour cet après midi (dernier jour de stage !!) ça me galère !!! :tickedoff:

merci de votre aide ! :arrow2:

morice · 16 Mars 2007

Argh!!! Encore une développeuse non W3C!!!

Bon allez, fais péter ton code source et ta CSS :wink2:

angeblanc22 · 16 Mars 2007

morice link=topic=51264.msg531628#msg531628 date=1174055498 a dit:
Argh!!! Encore une développeuse non W3C!!!

Bon allez, fais péter ton code source et ta CSS :wink2:

c'est quoi w3C ??

en fait ma page du menu c'est ça :

<table width="22%" height="396" border="2" background="images/menu_bleu_trans.jpg" class="menu2">
<tr>
<td align="center">
<font><h1>Menu</h1></font>
<a href="Accueil.php" title="Pour retourner à l'accueil." onMouseOver="self.status='Petit curieux';return true;" onMouseOut="self.status=' ';return true;"><p>Accueil</p></a>
<a href="CE.php" title="Pour aller voir les documents du CE." onMouseOver="self.status='Petit curieux';return true;" onMouseOut="self.status=' ';return true;"><p>Document CE</p></a>
<a href="Social.php" title="Pour aller voir les documents du social." onMouseOver="self.status='Petit curieux';return true;" onMouseOut="self.status=' ';return true;"><p>Document social</p></a>
<a href="Production.php" title="Pour aller voir les documents de production." onMouseOver="self.status='Petit curieux';return true;" onMouseOut="self.status=' ';return true;"><p>Document production</p></a>
<a href="Administration.php" title="Pour tout ce qui est administration." onMouseOver="self.status='Petit curieux';return true;" onMouseOut="self.status=' ';return true;"><p>Administrateur</p></a>
<br><br><br>
</td>
</tr>
</table>

le truc c'est que toutes les pages l'apellent avec un include (ça ça marche)
en gros les pages qui l'appelle ça donne à peu près ça :

<?php /* Ouverture d'une session. */ session_start(); ?>
<html><head>
<script type="text/javascript">


</script>
<?php /* Appel de la page du nom du titre. */ include("Titre.htm&quot?>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" media="screen" type="text/css" title="Style" href="style.css" />
</head>

<body >
<center>
<table width=100% height=100% background="images/tel4_transp.jpg" class="table">
<tr>
<td height="90" colspan="2">
<?php /* Appel de la page Bienvenue. */ include("Bienvenue.php&quot?>
</td>
</tr>
<tr>
<td width="33%" height="633">
<?php /* Appel de la page du menu. */ include("Menu.htm&quot?>
</td>
<td width="67%"><div class="content"> 
<div class="boite">Le contenu de la page</div></div></td></tr>
<tr><td colspan="2"><?php /* Appel de la page du pied de page. */ include("Pied.htm&quot?></td></tr>
</table>
</center>
</body>
</html>

et ma page css :

/* Ceci est un fichier CSS, la feuille de style, appelé style.css */

a
{
font-family:"comic sans ms", "Century Gothic", serif;
text-decoration:none;
font-size:medium;
color:black;
}
a:hover
{
text-decoration:blink;
color:#1F5799;
}
font, body
{
font-family:"comic sans ms", "Century Gothic", serif;
}
.droite
{
float:right;
}
button:hover
{
text-decoration:blink;
color:#1F5799;
}
h1
{
color:#1F5799;
}
p
{
font-size:small;
}
p:first-letter
{
color:#4080c0;
font-size:medium;
}
.table
{
background-attachment:fixed;
background-repeat:no-repeat;
background-position:right;
}
.petit
{
font-size:x-small;
}
.clignote
{
text-decoration:blink;
}
.style1
{
font-size:medium;
color:#4080c0;
}
.style2:hover
{
color:#4080c0;
}
.fixe
{
position:relative;
top:10px;
left:10px;
}
.menu2 { /* menu fixe à gauche de l'écran */
position: absolute; /* idem menu1 */
top: 200px; /* Le haut du menu est à 100 pixels du haut de l'écran (pour ne pas recouvrir la zone du haut) */
left: 15px; /* idem menu1 */
width: 17%; /* largeur du menu */
height: 70%; /* hauteur du menu (toute la page) */
border-right: solid black 1px} /* bordure droite de la zone fixe */

body>.menu2 {position:fixed} /* annule le hack "fixed" pour les autres navigateurs que IE */

/* début du hack "fixed" permettant de fixer le menu fixe sous IE */
body
{ /* redéfini les propriétés de toute la page */
overflow-y: hidden ; /* fonction microsoft supprimant les ascenseurs sous IE */
margin: 0; /* la marge du body est à 0 pixels */
padding:0; /* marge intérieure à 0 pixels */
}
html > body
{
overflow-y: auto; /* annule le overflow-y pour firefox 1.5 et supérieur */
}

.content
{ /* boite prenant toute la page sauf le menu fixe*/
height: 100%; /* la hauteur de la boite occupe 100% de l'écran */
overflow: auto; /* on rajoute un ascenseur droit à la boite */
} /* fin du hack "fixed" permettant de fixer le menu fixe sous IE */

.menu1
{ /* menu fixe en bas de l'écran */
position: absolute ; /* position du menu = par rapport à la boite parent (ici le body) */
bottom: 0 ; /* Le bas du menu est à 0 pixels du bas de l'écran */
left: 0 ; /* La gauche du menu est à 0 pixels du bas de l'écran */
width: 98% ; /* largeur du menu = 98% de l'écran */
height: 20px ; /* hauteur du menu = 30 pixels */
background-color : white ; /* la couleur du menu */
}

body>.menu1
{
position:fixed;
} /* annule le hack "fixed" pour les autres navigateurs que IE */

.boite
{
width:98% ;
height:600px ;
} /* boite servant à faire défiler l'écran, en débordant de la page */

bon courage pour lire tout ça, et merci :blush:

Asiany · 16 Mars 2007

Wa dis moi que c'est en collant ton code que tous c'est collé...

hmy:

Mykle · 16 Mars 2007

Y a une autre solution: tu dis à ta boîte que IE ça pue et que c'est mal, et tu les oblige à n'utiliser que FF !...

... Après, tu t'casses !!! :laugh:

.......

............ Ben quoi ? :invis:

Asiany · 16 Mars 2007

Mykle link=topic=51264.msg531657#msg531657 date=1174056244 a dit:
Y a une autre solution: tu dis à ta boîte que IE ça pue et que c'est mal, et tu les oblige à n'utiliser que FF !...

... Après, tu t'casses !!! :laugh:

.......

............ Ben quoi ? :invis:

Ca peut être une solution :laugh:

angeblanc22 · 16 Mars 2007

Asiany link=topic=51264.msg531656#msg531656 date=1174056220 a dit:
Wa dis moi que c'est en collant ton code que tous c'est collé... hmy:

pas compris...

Mykle link=topic=51264.msg531657#msg531657 date=1174056244 a dit:
Y a une autre solution: tu dis à ta boîte que IE ça pue et que c'est mal, et tu les oblige à n'utiliser que FF !...

... Après, tu t'casses !!! :laugh:

.......

............ Ben quoi ? :invis:

non, je suis trop sage !! lol :angel:

Asiany · 16 Mars 2007

Rien.. ça fais des gros paquets :blink: .. J'aime bien indenté etc.. moi :happy:

Mykle · 16 Mars 2007

En gros, la W3C (World Wide Web Consortium) est un consortium qui a pour but de promouvoir les nouvelles technologies du web (HTML, CSS, XML,...). FF en est un exemple ! (ou était, ça dépend de quel point de vue on se place...)

Mykle · 16 Mars 2007

Asiany link=topic=51264.msg531671#msg531671 date=1174056495 a dit:
Rien.. ça fais des gros paquets :blink: .. J'aime bien indenté etc.. moi :happy:

Pareil, du code bien structuré, bien rangé, et clair^^

... Pas un truc fait à l'arrache sous notepad ! (J'en connais qui codent ainsi, pfouah courageux !)

angeblanc22 · 16 Mars 2007

Asiany link=topic=51264.msg531671#msg531671 date=1174056495 a dit:
Rien.. ça fais des gros paquets :blink: .. J'aime bien indenté etc.. moi :happy:

oui mais je voulais le faire après...

Mykle link=topic=51264.msg531678#msg531678 date=1174056586 a dit:
Pareil, du code bien structuré, bien rangé, et clair^^

... Pas un truc fait à l'arrache sous notepad ! (J'en connais qui codent ainsi, pfouah courageux !)

je fais sous dreamweaver ...

Mykle · 16 Mars 2007

angeblanc22 link=topic=51264.msg531680#msg531680 date=1174056672 a dit:
je fais sous dreamweaver ...

Oki ! Je faisais pas allusion à toi hein ! C'est sur le coup, ça m'a rappelé le code façon notepad :happy:

Asiany · 16 Mars 2007

Il s'affiche comment sous IE ?

angeblanc22 · 16 Mars 2007

Mykle link=topic=51264.msg531689#msg531689 date=1174056803 a dit:
Oki ! Je faisais pas allusion à toi hein ! C'est sur le coup, ça m'a rappelé le code façon notepad :happy:

je me sentais pas vraiment visée, mais je précisais quand même :wink2:

Asiany link=topic=51264.msg531700#msg531700 date=1174057274 a dit:
Il s'affiche comment sous IE ?

tout petit en fait, alors le menu est moche...
en fait, c'est le css qui marche pas pour tout pareil !!??

morice · 16 Mars 2007

Bon, j'ai les boules, je t'avais promis une réponse construite comparée aux autres (comprendre "avec une solution&quot

, mais j'ai eu un bug sur un site que je développe et j'ai du tuer mon navigateur, les boules, j'ai perdu ta réponse... :cry:

Je te refais ça dès que possible...

angeblanc22 · 16 Mars 2007

morice link=topic=51264.msg531734#msg531734 date=1174058130 a dit:
Bon, j'ai les boules, je t'avais promis une réponse construite comparée aux autres (comprendre "avec une solution&quot, mais j'ai eu un bug sur un site que je développe et j'ai du tuer mon navigateur, les boules, j'ai perdu ta réponse... :cry:

Je te refais ça dès que possible...

c'est pas grâve... plus qu'une heure... toute façon...

morice · 16 Mars 2007

Allez, je te la refais en rapide alors:

<table width="22%" height="396" border="2" background="images/menu_bleu_trans.jpg" class="menu2">

t'as une classe mais dedans, t'as des arguments qui sont incohérents avec les propriétés de ta balise, je parle de ça:

<table width="22%" height="396" border="2" background="images/menu_bleu_trans.jpg" class="menu2">

avec

.menu2 { /* menu fixe à gauche de l'écran */
position: absolute; /* idem menu1 */
top: 200px; /* Le haut du menu est à 100 pixels du haut de l'écran (pour ne pas recouvrir la zone du haut) */
left: 15px; /* idem menu1 */
width: 17%; /* largeur du menu */
height: 70%; /* hauteur du menu (toute la page) */
border-right: solid black 1px}

Rien que ça ça me révolte. De plus, quand tu utilises une classe dans une balise, tu mets TOUS les attributs de cette balise dans cette classe tant qu'à faire. Je pense notamment à l'image de fond...

Ensuite. Le W3C, c'est le World Wide Web Corporation, l'organisme qui s'occupe de standardiser le développement web au niveau international. En respectant la normalisation W3C, tu es sûre que ton site marchera aussi bien sous IE que sous FF. :closedeyes:

Alors les remarques contre IE, merci de les ravaler. :closedeyes:
(Et je suis sérieux)

Planche là dessus, ça t'aidera je pense :wink2:

angeblanc22 · 16 Mars 2007

merci :blush: et désolée... :embarassed:

morice · 16 Mars 2007

angeblanc22 link=topic=51264.msg531775#msg531775 date=1174059281 a dit:
merci :blush: et désolée... :embarassed:

Pas grave :laugh:

Tu me le copieras 50 fois :closedeyes: :laugh:

angeblanc22 · 16 Mars 2007

morice link=topic=51264.msg531777#msg531777 date=1174059751 a dit:
Pas grave :laugh:

Tu me le copieras 50 fois :closedeyes: :laugh:

je suis capable, copier/coller ça marche bien :laugh: :laugh:

au secours !!! FF contre IE !!

New Member

Best Member

New Member

Best Member

New Member

Best Member

New Member

Best Member

New Member

New Member

New Member

New Member

Best Member

New Member

Best Member

New Member

Best Member

New Member

Best Member

New Member