Probleme d'affichage entre IE et firefox - Programmation
Ceci répond-il à votre question ? Oui | Non
Se connecter | Inscription
 

Ajouter une réponse



 Mot :   Pseudo :  
 
Bas de page
Auteur
 Sujet : Probleme d'affichage entre IE et firefox
 
chapolin79 0
mieux vaut prevenir que guerrir
Profil : IDNaute
Plus d'informations
n°122690
12-02-2008 à 02:23:23

Bonjour à tous,

Je débute en programmation html/css et voilà mon probleme:

Tout s'affiche correctement sous firefox mais pas sous IE6: les cellules des tableaux ne prennent plus toute la place:

Vous pouvez visiter le site (en construction) pour vous faire une idée à:
http://www.chapolin.fr

voilà l'index qui fait le menu et appelle les pages:

<html><head><meta http-equiv="content-type" content="text/html; charset=ISO-8859-1"><title>Chapolin.fr</title>
<meta name="Description" content="Chapolin Musicien Compositeur" name="Keywords" content="Chapolin : Philippe Garcia-Ortuno : piano : synthetiseur : violon : mao : musique assistee par ordinateur : edition : ">
<link rel="stylesheet" href="http://chapolin.fr/stylus.css" type="text/css">
<link rel="shortcut icon" href="http://chapolin.fr/favicon.ico" type="image/x-icon"></head>
<body lang="fr" bgcolor="FFFFFF" text="#000" link="#000" style="background-color:#FFFFFF;">

<div id="menu">
<div id="menu_1" ></div>
<div id="menu_4" ><a class="titre" href="index.php?page=accueil">Hello</a></div>
<div id="menu_3" ><a class="titre" href="index.php?page=ecoutez">Ecoutez</a></div>
<div id="menu_3" ><a class="titre" href="index.php?page=livres">Livres</a></div>
<div id="menu_4" ><a class="petit" href="index.php?page=contact">Contact</a></div>
<div id="menu_4" ><a class="petit" href="index.php?page=liens">Liens</a></div>
<div id="menu_1" ></div>
</div>

<div><?php

$pageOK = array('accueil' => 'accueil.php','ecoutez' => 'ecoutez.php' , 'contact' => 'contact.php' , 'liens' => 'liens.php' , 'livres' => 'livres.php');

if ( (isset($_GET['page'])) && (isset($pageOK[$_GET['page']])) ) {
include($pageOK[$_GET['page']]);
} else {
include('accueil.php'); // Page par défaut quant elle n'existe pas dans le tableau
}

?></div>


</body></html>


la page 'ecoutez' par exemple:



/ <div id="fond_9">

<table border="0" width="100%" height="100%" cellpadding="0%">
<tr><td class=ii height="10%">Compositions réalisées par informatique<br> sous système Linux Slackware:</td><td class=ii>Enregistrements<br> piano-solo:</td></tr>
<tr><td height="7%"><a href="/medias/Philippe_Garcia-Ortuno_-_Ton_regard.mp3">Ton regard</a></td><td><a href="/medias/PGO_improvisation.mp3">Improvisation</a></td></tr>
<tr><td height="7%"><a href="/medias/PhiLud_Project_-_Easy.mp3">Easy remix</a></td><td><a href="/medias/quelques_mots_damour.mp3">Quelques mots d'amour (Michel Berger)</a></td></tr>
<tr><td height="7%"><a href="/medias/PGO_-_zOu.mp3">zOu</a></td><td><a href="/medias/Steevie_Wonder_-_Ph_Garcia-Ortuno_Piano_-_All_in_love_is_fair.mp3">All in love is fair (Steeve Wonder)</a></td></tr>
<tr><td height="7%"><a href="/medias/Philippe_Garcia-Ortuno_-_la_magie_dun_regard_Mixe.mp3">La magie d'un regard</a></td><td class=ii rowspan="6"><a class="titre_livres" href="http://www.note4piano.com/catalog.php?action=showitem&numart=BRGS0329" target="_blank"><img src="fotos_livres/laventureMini.jpg"></a><p>L'album l'Aventure<br>avec son livret de 10 peintures<br>réalisées par Jean-Paul Ramon</td></tr>
<tr><td height="7%"><a href="/medias/Philippe_Garcia-Ortuno_-_Think.mp3">Think</a></td></tr>
<tr><td height="7%"><a href="/medias/PGO_-_dark_groove.mp3">Dark Groove</a></td></tr>
<tr><td height="7%"><a href="/medias/Philippe_Garcia-Ortuno_-_Easy.mp3">Easy</a></td></tr>
<tr><td height="20%"></td></tr>
<tr><td height="21%"></td></tr>
</table>


</div>


et la feuille de style:


/* liens */

a:link {font-size:10pt;color:#ff6600;text-decoration:none;}
a:visited {font-size:10pt;color:#ff6600;text-decoration:none;}
a:hover {font-size:10pt;color:#ffff00;text-decoration:none;}

a.titre {font-size:12pt;color:#3399ff;text-decoration:none;}
a.titre:link {font-size:12pt;color:#3399ff;text-decoration:none;}
a.titre:hover {font-size:13pt;color:#ffff00;text-decoration:none;}

a.titre_contact {font-size:12pt;color:#3399ff;text-decoration:none;}
a.titre_contact:link {font-size:12pt;color:#3399ff;text-decoration:none;}
a.titre_contact:hover {font-size:13pt;color:#ffff00;text-decoration:none;}


a.titre_livres {font-size:10pt;color:#cccccc;text-decoration:none;}
a.titre_livres:link {font-size:10pt;color:#cccccc;text-decoration:none;}
a.titre_livres:hover {font-size:10pt;color:#ffff00;text-decoration:none;}


a.petit {font-size:10pt;color:#3399ff;text-decoration:none;}
a.petit:link {font-size:10pt;color:#3399ff;text-decoration:none;}
a.petit:hover {font-size:11pt;color:#ffff00;text-decoration:none;}

a.renseignement {font-size:10pt;color:#000000;text-decoration:none;}
a.renseignement:link {font-size:10pt;color:#000000;text-decoration:none;}
a.renseignement:hover {font-size:11pt;color:#ffff00;text-decoration:none;}


a.com {font-size:8pt;color:#000000;text-decoration:none;}
a.com:link {font-size:8pt;color:#000000;text-decoration:none;}
a.com:hover {font-size:9pt;color:#ffff00;text-decoration:none;}


a.titre, a.petit, .ib {
font-weight:bold;
font-style:italic;
}

a.renseignement, .ii {
font-style:italic;
}


/*popup */

.popup {
background-color:#339999;
font-style:italic;
font-size:10pt;
top:0;
left:0;
width:100%;
height:100%;
}



/*menu */

div#menu {
font-family:arial, verdana, sans-serif;
position:absolute;
text-align:center;
top:0;
left:0;
width:100%;
height:35px;
background-color:#000000; /*#ffe8c7*/
}


div#menu_1 {
font-family:arial, verdana, sans-serif;
background-color:#000000;
float:left;
margin-top:10px;
width:31.5%;
height:35px;
text-align:center;
}


div#menu_2 {
font-family:arial, verdana, sans-serif;
background-color:#000000;
float:left;
margin-top:10px;
width:12%;
height:35px;
text-align:center;
}

div#menu_3 {
font-family:arial, verdana, sans-serif;
background-color:#000000;
float:left;
margin-top:10px;
width:8%;
height:35px;
text-align:center;
}

div#menu_4 {
font-family:arial, verdana, sans-serif;
background-color:#000000;
float:left;
margin-top:10px;
width:7%;
height:35px;
text-align:center;
}


/* fonds pages */


div#fond_10 {
position:absolute;
font-size:10pt;
color:#000000;
text-align:center;
background-color:#339999;
width:100%;
height:94.4%;
top:35px;
left:0px;
padding:0px;
margin:0px;
}


div#fond_9 {
position:absolute;
font-size:9pt;
text-align:center;
color:#000000;
background-color:#cccccc;;
width:100%;
height:94.4%;
top:35px;
left:0px;
margin:0;
padding:0;
}


div#fond_12 {
position:absolute;
font-size:12pt;
text-align:center;
color:#000000;
background-color:#cccccc;
width:100%;
height:94.4%;
top:35px;
left:0px;
margin:0;
padding:0;
}


/* hello */

.a1 { background-color:#6699cc;
font-style:italic;
font-weight:bold;
font-size:12pt;
color:#3333cc;
width:100%;
height:100%;
}



Voilà merci d'avance pour votre aide


Message édité par chapolin79 0 le 12-02-2008 à 02:30:29

---------------
Chapolin

http://www.chapolin.fr
Liens


Aller à :
Ajouter une réponse
  FORUM Infos-du-Net » Programmation » Probleme d'affichage entre IE et firefox
 

Plan du forum
Forum MesDiscussions.Net, Version 2007.1.2
© 2000-2007 No1Dev
Page générée en 0.214 secondes
Liens