problem with firefox - need help

Ludo · 2005-01-26 17:21

Ludo
Senior Member
Offline

From: France, Poitiers
Registered: 2004-06-23
Posts: 527

Topic: problem with firefox - need help

Hi,

I got small problems with my site with firefox. No problem with IE.
So I decided to ask you if you see something wrong in my code. Especially there is problem with the tables. Border are not always screened as you can see here http://www.pluriservices.net

<html>
<head>
<meta name="Author" content="Ludo">
<meta name="Identifier-URL" content="http://www.pluriservices.net">
<meta name="Copyright" content="pluriservices.net">
<meta name="Revisit-after" content="14 days">
<meta name="Robots" content="all">

<title>Pluriservices.net : les services gratuits qui vous facilitent la vie !!!</title>

<STYLE type="text/css">
.link1, .link1 A:link, .link1 A:visited {font-family:arial,geneva; 

font-size:13px;letter-spacing:0;color:#000000;font-weight:bold;text-decoration:none}
:hover.link1, .link1 A:hover {font-family:arial,geneva; 

font-size:13px;letter-spacing:0;color:#FF0000;font-weight:bold;text-decoration:none}
.link2        {font-family:arial,geneva; 

font-size:13px;letter-spacing:0;color:#FFFFFF;font-weight:bold;text-decoration:none}
.link2:hover        {font-family:arial,geneva; 

font-size:13px;letter-spacing:0;color:#FF0000;font-weight:bold;text-decoration:none}
.link3 {FONT-SIZE: 10px; COLOR: #FFFFFF; FONT-FAMILY: verdana; LETTER-SPACING: 0px; TEXT-DECORATION: none}
.link3:hover {FONT-SIZE: 10px; COLOR: #FFFFFF; FONT-FAMILY: verdana; LETTER-SPACING: 0px; TEXT-DECORATION: underline;}
ul { list-style-image: url(/gif/puce.gif);}
#base {
    
    margin-top: 2;
    margin-bottom: 0;
    margin-left: 0;
    padding-left: 0;
    line-height: 150%;
}


</STYLE>
<!-- Début Couleur des scroll-->
    <style TYPE="text/css">
BODY {SCROLLBAR-FACE-COLOR: #426b94; SCROLLBAR-HIGHLIGHT-COLOR: #426b94; SCROLLBAR-SHADOW-COLOR: #ffffff; 
SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-TRACK-COLOR: #426b94; SCROLLBAR-DARKSHADOW-COLOR: #426b94 }

    </style>
<!-- Fin Couleur des scroll-->
<script language="JavaScript1.2">
var message="Pluriservices.net : A votre service !!!" //specifys the title
var message=message+"           " //gives a pause at the end,1 space=1 speed unit, here I used 10 spaces@150 each = 

1.5seconds. 
i="0"             //declares the variable and sets it to start at 0
var temptitle="" //declares the variable and sets it to have no value yet.
var speed="300" //the delay in milliseconds between letters

function titler(){
if (!document.all&&!document.getElementById)
return
document.title=temptitle+message.charAt(i) //sets the initial title
temptitle=temptitle+message.charAt(i) //increases the title by one letter
i++                     //increments the counter
if(i==message.length)             //determines the end of the message
{
i="0"                     //resets the counter at the end of the message
temptitle=""                 //resets the title to a blank value
}
setTimeout("titler()",speed)          //Restarts. Remove line for no-repeat.
}

window.onload=titler
  </script>

<script language="JavaScript">
<!--
window.defaultStatus=" Bienvenue Sur www.pluriservices.net"; 
// -->
  </script>

</head>

<body topmargin="0" leftmargin="0" bgcolor="#426B94">

<? include "head.inc"; ?>

<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#000000" width="100%" 

id="AutoNumber1" height="15">
  <tr>
    <td width="100%" bgcolor="#395a84" height="1" style="padding-left:4; padding-right:4; padding-top:1; padding-bottom:1; 

border-left-style:solid; border-left-width:2px; border-right-style:solid; border-right-width:2px; border-bottom-style:solid; 

border-bottom-width:2px">
    <p align="center"><FONT style="FONT-SIZE: 9pt" face=Verdana 
      color=#ffffff><IMG height=13 
      src="gif/favoris.gif" width=15 border=0> 
      </FONT><FONT face=Verdana color=#ffffff size=1>
      <a class="link3" href="javascript:window.external.AddFavorite('http://www.pluriservices.net/', 'Pluriservices.net   

programme télé, meteo, annuaire inversé...')" onmouseover="self.status='Cliquez ici pour mettre Pluriservices.net dans vos 

favoris !'; return true;" onmouseout="self.status=''; return true" 
>
      ajouter à vos 
      favoris</a>   <IMG height=14 
      src="gif/demarrage.gif" width=14 border=0>
      <a href="http://www.pluriservices.net" class=link3 

onClick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.pluriservices.net');" 

onmouseover="self.status='Cliquez ici pour mettre Pluriservices.net en page de démarrage de votre navigateur'; return true;" 

onmouseout="self.status=''; return true" 
>mettre en page de démarrage</a>  <IMG height=16 
      src="gif/amis.gif" width=19 border=0> <a href="/recommande.php" class=link3 onmouseover="self.status='Faites connaitre 

ce site à vos amis, ils vous remercieront !'; return true;" onmouseout="self.status=''; return true" 
>conseiller ce site à un ami</a></FONT></td>
  </tr>
  </table>

<p style="margin-top: 0; margin-bottom: 0"> </p>
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#FF0000" width="100%" 

id="AutoNumber2" height="462">
  <tr>
    <td width="20%" height="30" bgcolor="#8494A5" bordercolor="#FF0000" style="border: 2px solid #000000; ">
    <p align="center" class="link2">Menu 1</td>
    <td width="2%" height="462" rowspan="5"> </td>
    <td width="57%" height="30" bgcolor="#8494A5" style="border: 2px solid #000000; ">
    <p class="link2" align="center">Actualité</td>
    <td width="2%" height="462" rowspan="5"> </td>
    <td width="19%" height="30" bgcolor="#8494A5" style="border: 2px solid #000000; ">
    <p class="link2" align="center">Discussions récentes</td>
  </tr>
  <tr>
    <td width="20%" height="189" bgcolor="#8494A5" bordercolor="#FF0000" style="border: 2px solid #000000; ">
    <p style="line-height: 150%; margin-left: 6; margin-top: 0; margin-bottom: 0">
    <IMG height=11 
                        src="../gif/puce.gif" width=10 
                        border=0> <A class=link1 
                        onmouseover="self.status='Accueil'; return true;" 
                        onmouseout="self.status=''; return true" 
                        href="http://www.pluriservices.net">Accueil</A></p>
    <p style="line-height: 150%; margin-left: 6; margin-top: 0; margin-bottom: 0">
    <IMG height=11 
                        src="../gif/puce.gif" width=10 
                        border=0> <A class=link1 
                        onmouseover="self.status='Les questions les plus fréquemment posées, jetez y un oeil et vous 

trouverez certainement la réponse à votre problème'; return true;" 
                        onmouseout="self.status=''; return true" 
                        href="/faq.php">Faq</A></p>
    <p style="line-height: 150%; margin-left: 6; margin-top: 0; margin-bottom: 0">
    <IMG height=11 
                        src="../gif/puce.gif" width=10 
                        border=0> <A class=link1 
                        onmouseover="self.status='Vous souhaitez nous envoyer un message? C est ici !'; return true;" 
                        onmouseout="self.status=''; return true" 
                        href="/contact.php">Contact</A></p>
    <p style="line-height: 150%; margin-left: 6; margin-top: 0; margin-bottom: 0">
    <IMG height=11 
                        src="../gif/puce.gif" width=10 
                        border=0> <A class=link1 
                        onmouseover="self.status='Ce qu il faut savoir à propos du site'; return true;" 
                        onmouseout="self.status=''; return true" 
                        href="/legale.php">Mentions 
                        légales</A></p>
    <p style="line-height: 150%; margin-left: 6; margin-top: 0; margin-bottom: 0">
    <IMG height=11 
                        src="../gif/puce.gif" width=10 
                        border=0> <A class=link1 
                        onmouseover="self.status='Les sites web selectionnés par le webmaster'; return true;" 
                        onmouseout="self.status=''; return true" 
                        href="/liens.php">Liens</A></p>
    <p style="line-height: 150%; margin-left: 6; margin-top: 0; margin-bottom: 0">
    <IMG height=11 
                        src="../gif/puce.gif" width=10 
                        border=0> <A class=link1 
                        onmouseover="self.status='Accès au forum pluriservices'; return true;" 
                        onmouseout="self.status=''; return true" 
                        href="/forum">Forum</A></p>
    <p style="line-height: 150%; margin-left: 6; margin-top: 0; margin-bottom: 0">
    <IMG height=11 
                        src="../gif/puce.gif" width=10 
                        border=0> <A class=link1 
                        onmouseover="self.status='Donnez votre avis sur le site dans le livre d or'; return true;" 
                        onmouseout="self.status=''; return true" 
                        href="/guestbook/index.php">Livre d'Or</A></p>
    </td>
    <td width="57%" height="432" rowspan="4" bgcolor="#8494A5" style="border: 2px solid #000000; ">
    <p class="link1" style="margin-top: 0"><script 

src="http://content4web.net2one.fr/scripts/n2o1_12_0644A6969DCA0682499A4B00E7857662F8093344BEADEDB55295024F95A3A6C2FBEF373E6E

95B146_1.asp"></script></td>
    <td width="19%" height="189" bgcolor="#8494A5" style="border: 2px solid #000000; ">
<div id="base" class="link1">
<ul>
<?php
$ancien_get_action = $_GET['action'];
$ancien_get_show = $_GET['show'];
$_GET['action'] = 'active';
$_GET['show'] = 8;
include($_SERVER['HTTP_RACINE'] . '/forum/extern.php');
$_GET['action'] = $ancien_get_action;
$_GET['show'] = $ancien_get_show;
?>
</ul>
</div>
</font><p> <A href="http://www.pluriservices.net/forum" onmouseover="self.status='Accès au forum pluriservices'; return 

true;" onMouseOut="self.status=''; return true" class="link1">Accès au forum pluriservices</A></td>
</td>
  </tr>
  <tr>
    <td width="20%" height="20"> </td>
    <td width="19%" height="20"> </td>
  </tr>
  <tr>
    <td width="20%" height="29" bgcolor="#8494A5" style="border: 2px solid #000000; ">
    <p align="center" class="link2">Menu 2</td>
    <td width="19%" height="29" bgcolor="#8494A5" style="border: 2px solid #000000; ">
    <p class="link2" align="center">Sondage</td>
  </tr>
  <tr>
    <td width="20%" height="194" bgcolor="#8494A5" style="border: 2px solid #000000; ">
    <p style="line-height: 150%; margin-left: 6; margin-top: 0; margin-bottom: 0">
    <IMG height=11 
                        src="../gif/puce.gif" width=10 
                        border=0> <A class=link1 
                        onmouseover="self.status='Votre programme télé de la soirée sur les chaines hertziennes'; return 

true;" 
                        onmouseout="self.status=''; return true" 
                        href="/programme.tele.php">Programme 
                        télé</A></p>
    <p style="line-height: 150%; margin-left: 6; margin-top: 0; margin-bottom: 0">
    <IMG height=11 
                        src="../gif/puce.gif" width=10 
                        border=0> <A class=link1 
                        onmouseover="self.status='Les prévisions meteorologiques du jour et de demain'; return true;" 
                        onmouseout="self.status=''; return true" 
                        href="/meteo.php">Meteo</A></p>
    <p style="line-height: 150%; margin-left: 6; margin-top: 0; margin-bottom: 0">
    <IMG height=11 
                        src="../gif/puce.gif" width=10 
                        border=0> <A class=link1 
                        onmouseover="self.status='Enfin un annuaire inversé réellement gratuit !'; return true;" 
                        onmouseout="self.status=''; return true" 
                        href="/annu.php">Annuaire 
                        inversé</A></p>
    <p style="line-height: 150%; margin-left: 6; margin-top: 0; margin-bottom: 0">
    <IMG height=11 
                        src="../gif/puce.gif" width=10 
                        border=0> <A class=link1 
                        onmouseover="self.status='Chaque jour, gratuitement, votre horoscope !'; return true;" 
                        onmouseout="self.status=''; return true" 
                        href="/horoscope.php">Horoscope</A></p>
    <p style="line-height: 150%; margin-left: 6; margin-top: 0; margin-bottom: 0">
    <IMG height=11 
                        src="../gif/puce.gif" width=10 
                        border=0> <A class=link1 
                        onmouseover="self.status='Tous les travaux signalés sur les axes routiers français'; return true;" 
                        onmouseout="self.status=''; return true" 
                        href="/trafic.php">Info 
                        trafic</A></p>
    <p style="line-height: 150%; margin-left: 6; margin-top: 0; margin-bottom: 0">
    <IMG height=11 
                        src="../gif/puce.gif" width=10 
                        border=0> <A class=link1 
                        onmouseover="self.status='Quelques moyens bien pratiques d arrondir ses fins de moi grâce au web'; 

return true;" 
                        onmouseout="self.status=''; return true" 
                        href="/tune.php">Gagner 
                        de l'argent</A></p>
    <p style="line-height: 150%; margin-left: 6; margin-top: 0; margin-bottom: 0">
    <IMG height=11 
                        src="../gif/puce.gif" width=10 
                        border=0> <A class=link1 
                        onmouseover="self.status='Les films sortis cette semaine sur le grand écran'; return true;" 
                        onmouseout="self.status=''; return true" 
                        href="/programme.cinema.php">Les films en salle</A></p>
    <p style="line-height: 150%; margin-left: 6; margin-top: 0; margin-bottom: 0">
    <IMG height=11 
                        src="../gif/puce.gif" width=10 
                        border=0> <a href="/newsgroups" class=link1 onmouseover="self.status='Les news group Proxad 

consultables en ligne'; return true;" 
                        onmouseout="self.status=''; return true" >News Groups Proxad</a></td>
    <td width="19%" height="194" bgcolor="#8494A5" style="border: 2px solid #000000; ">
<?php
unset($id_rubrique_apoll2, $id_poll_apoll2, $voter_apoll2);
$id_rubrique_apoll2 = 0;
$chem_script_apoll2 = "sondage/";
include($chem_script_apoll2."poll.php");
?>    </td>
  </tr>
</table>
<p style="margin-top: 0; margin-bottom: 0"> </p>
<table border="2" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#000000" width="100%" 

id="AutoNumber3" bgcolor="#10315a" height="24">
  <tr>
    <td width="100%" class="link2" height="24" bordercolor="#000000">
    <p align="right" class="link2"><font face="Arial">© </font>www.pluriservices.net - 
    Site optimisé pour un affichage 1024 X 768     </td>
  </tr>
</table>

</body>

</html>

Actualité haut débit en lien avec Free Adsl
Programme télé TNT

sander · 2005-01-26 17:33

sander
Junior Member
Offline

Registered: 2005-01-26
Posts: 5

Re: problem with firefox - need help

It might be this: When you add borders to an element with CSS, the width of height of the border is added to the total width or height of the object. A box of 100px width with a border of 5px on al sides will become 110px wide (100 + 5 + 5).
There is a very annoying bug in IE5 which does not respect the CSS rules: http://tantek.com/CSS/Examples/boxmodelhack.html

Ludo · 2005-01-26 17:53

Ludo
Senior Member
Offline

From: France, Poitiers
Registered: 2004-06-23
Posts: 527

Re: problem with firefox - need help

I do not have any problems when I use IE6.
The only problem I have is when I use firefox.
Do you think there could be a solution?

Ludo,

Actualité haut débit en lien avec Free Adsl
Programme télé TNT

Rickard · 2005-01-26 18:08

Rickard
PunBB Developer
Offline

From: 127.0.0.1
Registered: 2001-11-02
Posts: 9,167

Re: problem with firefox - need help

I honestly have no idea, but please, get rid of that incredibly annoying JavaScript that alters the title.

"Programming is like sex: one mistake and you have to support it for the rest of your life."

Ludo · 2005-01-26 18:30

Ludo
Senior Member
Offline

From: France, Poitiers
Registered: 2004-06-23
Posts: 527

Re: problem with firefox - need help

Rickard wrote:

get rid of that incredibly annoying JavaScript that alters the title.

I really recognize You Rickard when you say that

Ludo,

Actualité haut débit en lien avec Free Adsl
Programme télé TNT

D9r · 2005-01-27 03:13

D9r
Senior Member
Offline

From: Atlanta, Georgia
Registered: 2004-08-18
Posts: 148

Re: problem with firefox - need help

Ludo wrote:

I do not have any problems when I use IE6.
The only problem I have is when I use firefox.
Do you think there could be a solution?

That would be funny if I hadn't heard it so many times already. Lots of people say that. However,...

You have it backwards. Firefox is not doing anything wrong -- it's displaying the code exactly as you've written it. Your problem is with IE6 because it's making adjustments it shouldn't be making. In short, IE=BAD, Firefox=GOOD. The first step towards the solution to your problem is to realize your problem is in fact with IE.

Then what you do is code for Firefox first. After it displays correctly in firefox, go back and add the appropriate IE hacks to make it display correctly in IE without messing up the Firefox version. See this punBB thread for links to the IE hacks.

Dean
One of these days, I'm going to upgrade my forum.
D9r.com - homepage
Tucker & DeKalb County, Georgia -- news, events, zoning, politics, directory
HiveMinds.info - International Web Developer Forum (lots of smart folks here)

Ludo · 2005-01-27 12:48

Ludo
Senior Member
Offline

From: France, Poitiers
Registered: 2004-06-23
Posts: 527

Re: problem with firefox - need help

advincing my visitor to use IE would be the easier solution for me.

Ludo,

Actualité haut débit en lien avec Free Adsl
Programme télé TNT

D9r · 2005-01-27 12:57

D9r
Senior Member
Offline

From: Atlanta, Georgia
Registered: 2004-08-18
Posts: 148

Re: problem with firefox - need help

I give up

Dean
One of these days, I'm going to upgrade my forum.
D9r.com - homepage
Tucker & DeKalb County, Georgia -- news, events, zoning, politics, directory
HiveMinds.info - International Web Developer Forum (lots of smart folks here)

Ludo · 2005-01-27 17:30

Ludo
Senior Member
Offline

From: France, Poitiers
Registered: 2004-06-23
Posts: 527

Re: problem with firefox - need help

I've put a margin for my home page.
Now the problem is not permanent. In firefox (which give me problems) the borders are not screened. When I make a reload, they are screened. It's strange...

Ludo,

Actualité haut débit en lien avec Free Adsl
Programme télé TNT

problem with firefox - need help

Posts: 9

1 Topic by Ludo 2005-01-26 17:21 (edited by Ludo 2005-01-26 17:22)

Topic: problem with firefox - need help

2 Reply by sander 2005-01-26 17:33

Re: problem with firefox - need help

3 Reply by Ludo 2005-01-26 17:53

Re: problem with firefox - need help

4 Reply by Rickard 2005-01-26 18:08

Re: problem with firefox - need help

5 Reply by Ludo 2005-01-26 18:30

Re: problem with firefox - need help

6 Reply by D9r 2005-01-27 03:13 (edited by D9r 2005-01-27 03:57)

Re: problem with firefox - need help

7 Reply by Ludo 2005-01-27 12:48

Re: problem with firefox - need help

8 Reply by D9r 2005-01-27 12:57

Re: problem with firefox - need help

9 Reply by Ludo 2005-01-27 17:30

Re: problem with firefox - need help

Posts: 9