Sujet Précédent Sujet Suivant

Problème de compatibilité Firefox

bill75 -  
Gihef Messages postés 5165 Statut Contributeur -
Bonjour,
Voilà dans le cadre d'un exercice, il nous est demandé de réalisé un site internet sur Dreamweaver en utilisant seulement des tableaux pour positionner textes et images...Il faut que ce site soit compatible sur Mac et Safari... J'ai donc découpé la maquette avec Imageready et fait mon site mais Le problème c'est que je n'ai pas pensé à vérifier au fur et à mesure la compatibilité sur firefox alors je me suis rendu compte seulement à la fin que le site passait nickel sur safari mais que les menus étaient complètement décalés sur firefox...et comme je suis complètement novice, je ne sais plus du tout quoi faire (j'ai l'impression que cela vient du tableau de ma zone texte, puisqu'au bout d'une certaine hauteur, tout se décale sur firefox). Je poste les deux captures d'écran et le code de la page si quelqu'un passait par ici et aurait le temps de jeter un coup d'oeil.
Merci.

[URL=https://imageshack.com/][IMG]http://img118.imageshack.us/img118/450/capturefirefoxcj4.jpg[/IMG][/URL]

[URL=https://imageshack.com/][IMG]http://img260.imageshack.us/img260/6995/capturesafariyy6.jpg[/IMG][/URL]

<html>
<head>
<title>Francofolies 2008</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<script type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-

2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src;

x.src=a[i+2];}
}
//-->
</script>
<meta name="keywords" content="francofolies, festival, la rochelle, musique, foulquier">
<meta name="description" content="Information et programmation de ce festival de musique

francophone">
<meta name="language" content="fr">
<style type="text/css">
<!--
body {
background-color: #930000;
}
-->
</style></head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"

onLoad="MM_preloadImages

('images/bouton_over_historique.gif','images/bouton_over_agenda.gif','images/bouton_over_

galeries.gif','images/bouton_over_pratique.gif','images/bouton_over_contact.gif','images/

bouton_over_home.gif')">
<!-- ImageReady Slices (TEST!.psd) -->
<table width="1025" height="768" border="0" align="center" cellpadding="0"

cellspacing="0" id="Tableau_01">
<tr>
<td width="48" height="768" rowspan="12" bgcolor="#930000"> </td>

<td colspan="5">
<img src="images/header.gif" width="922" height="225"

alt=""></td>
<td width="54" height="768" rowspan="12" bgcolor="#930000"> </td>
<td>
<img src="images/spacer.gif" width="1" height="225" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="images/indexsite_04.gif" width="231" height="34"

alt=""></td>

<td colspan="2" rowspan="2">
<img src="images/bas_header_historique.gif" width="667"

height="76" alt=""></td>
<td width="24" height="515" rowspan="10" bgcolor="#000000"> </td>
<td>
<img src="images/spacer.gif" width="1" height="34" alt=""></td>
</tr>
<tr>
<td width="12" height="481" rowspan="9" bgcolor="#000000"> </td>
<td rowspan="2"><a href="index.html" onMouseOut="MM_swapImgRestore()"

onMouseOver="MM_swapImage('Image29','','images/bouton_over_home.gif',1)"><img

src="images/bouton_home.gif" name="Image29" width="219" height="46" border="0"></a></td>

<td>
<img src="images/spacer.gif" width="1" height="42" alt=""></td>
</tr>
<tr>
<td width="58" height="439" rowspan="8" bgcolor="#000000"> </td>
<td width="609" height="424" rowspan="7" bgcolor="#CDC6C3">
<table width="561" border="0" align="center">
<tr>
<td width="555" height="697"><p>Les premières Francofolies de La

Rochelle naissent en 1985, Jean-Louis Foulquier en est l'instigateur et créateur.

De La Rochelle à Blagoevgrad (Bulgarie) en passant par Berlin (Allemagne), Buenos

-Aires (Argentine), Nendaz (Suisse) ou encore Montréal (Québec) et Spa

(Belgique), durant plusieurs années et toujours aujourd'hui les Francofolies ont

développé une personnalité marquée, liée à des

valeurs culturelles et conviviales. Ce festival possède aujourd'hui une

notoriété qui n'est pas seulement due à sa longévité

mais repose sur une passion artistique de tous les instants: faire connaître et

diffuser les musiques actuelles auprès d'un large public... Six jours et six nuits

au coeur d'une ville "belle et rebelle" où s'investissent la musique et

la fête.</p>

<p>On peut remarquer dans la programmation des vingt dernières

années que certains artistes tels que Patricia Kaas, Patrick Bruel ou Liane Foly

sont passés par des salles de petite et moyenne capacité avant d'exploser

quelques années plus tard sur l'esplanade Saint-Jean d'Acre.</p>
<p> </p>
<p>En 1995, les Francofolies créent un nouveau festival dans le

festival: les HIP HOP FOLIES. Comme son nom l'indique, celui-ci est consacré

à la musique dite urbaine: <br>

hip-hop et rap. Cette histoire durera 10 ans ponctuée par un

DVD spécial. </p>
<table width="559" height="81" border="0">
<tr>
<td width="431"><p>En 2004, les Francofolies de La Rochelle

fêtent leur 20ème édition et Jean-Louis Foulquier passe la main en

janvier 2005 à Morgane Production.</p>

<p>L'année 2006 marque la première édition des

FRANCOS JUNIORS: une programmation jeune public à découvrir en famille

durant trois jours.</p>
<p>En 2007 a lieu la première édition de MES

PREMIERES FRANCOS: une scène qui se doit d'être considérée

comme la<br>

vitrine de la relève. Ainsi on y retrouve les jeunes talents de la "nouvelle

scène francophone".
</p>
</p></td>
<td width="114"><img src="images/francoaffiche2004.jpg" width="112"

height="167" border="1"></td>
</tr>
</table>
<p> </p>
</td>

</tr>
</table>
<p> </p>
</td>
<td>
<img src="images/spacer.gif" width="1" height="4" alt=""></td>
</tr>
<tr>
<td><img src="images/bouton_historique.gif" name="Image24" width="219"

height="46" border="0"></a></td>

<td>
<img src="images/spacer.gif" width="1" height="46" alt=""></td>
</tr>
<tr>
<td><a href="agenda.html" onMouseOut="MM_swapImgRestore()"

onMouseOver="MM_swapImage('Image25','','images/bouton_over_agenda.gif',1)"><img

src="images/bouton_agenda.gif" name="Image25" width="219" height="45"

border="0"></a></td>
<td>
<img src="images/spacer.gif" width="1" height="45" alt=""></td>
</tr>
<tr>

<td><a href="galeries.html" onMouseOut="MM_swapImgRestore()"

onMouseOver="MM_swapImage('Image26','','images/bouton_over_galeries.gif',1)"><img

src="images/bouton_galeries.gif" name="Image26" width="219" height="47"

border="0"></a></td>
<td>
<img src="images/spacer.gif" width="1" height="47" alt=""></td>
</tr>
<tr>
<td><a href="pratique.html" onMouseOut="MM_swapImgRestore()"

onMouseOver="MM_swapImage('Image27','','images/bouton_over_pratique.gif',1)"><img

src="images/bouton_pratique.gif" name="Image27" width="219" height="44"

border="0"></a></td>
<td>
<img src="images/spacer.gif" width="1" height="44" alt=""></td>
</tr>

<tr>
<td><a href="contact.html" onMouseOut="MM_swapImgRestore()"

onMouseOver="MM_swapImage('Image28','','images/bouton_over_contact.gif',1)"><img

src="images/bouton_contact.gif" name="Image28" width="219" height="48"

border="0"></a></td>
<td>
<img src="images/spacer.gif" width="1" height="48" alt=""></td>
</tr>
<tr>
<td width="219" height="205" rowspan="2" bgcolor="#A19275"> </td>
<td>
<img src="images/spacer.gif" width="1" height="190" alt=""></td>

</tr>
<tr>
<td width="609" height="15" bgcolor="#000000">
<img src="images/spacer.gif" width="609" height="15" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="15" alt=""></td>
</tr>
<tr>
<td colspan="3">

<img src="images/bas1.gif" width="289" height="28" alt=""></td>
<td colspan="2">
<img src="images/bas2.gif" width="633" height="28" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="28" alt=""></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>
A voir également:

2 réponses

Réponse 1 / 2
Dalida Messages postés 7114 Date d'inscription   Statut Contributeur Dernière intervention   923
 
salut,

en tout cas c'est un très mauvais exercice.
je n'ai fait que regarder les screen shots, à priori j'opterai pour un problème de marge ou d'espacement.

tu peux appliquer 
selecteur 
{
margin:0;
padding:0;
}

aux différents éléments pour trouver lequel est en cause.

sinon montre nous ta css ou une version en ligne, stp.
1
Réponse 2 / 2
Gihef Messages postés 5165 Statut Contributeur 2 779
 
Bonjour,

En effet, drôle d'idée que cet exercice.

Toutefois, on a souvent le droit de mettre et d'ajouter des espaces dans les balises HTML.
Mais là, par exemple, non :
< img src="images/bouton_home.gif" name="…>
 ^   pas d'espace
Essaye.

++
Puisqu'il s'agit d'apprendre, prends l'habitude de demander à DW de préciser un DOCTYPE.
Et à éviter ce genre d'attributs
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"
Merci de penser à utiliser le bouton indiqué.

--
0

Discussions similaires

Méssage Firefox ''Couldn't load XPCOM''
pistouri -
pistouri -

0 réponse
J'ai le message "coudn't load XPCOM."
Rock62 -
Lungta66 -

7 réponses
Coudn't load XPCOM.
Yaniela_2B -
JPP -

4 réponses