Problème avec la scrollbar dans le bas

KodFox · 30 Juillet 2006

Bonjour tlm,

Sur le site www.utlaze.ca.cx la scrollbar dans le bas à toujours un petit bout qui dépace et sur le link direct non référencer aucun scrollbar dans le bas. :wacko:

Lien non référencer : http://site.voila.fr/utlazenet7/indexfr.ht...845546166813698

Lien Référencer : http://www.utlaze.ca.cx/

Sur Firefox et Opera il y a aucun problème mais si IE il marche pas.

Voici mon style css :


body {/*background-attachment:fixed;*/ background-color:#CCCCCC; background-position:top left; background-repeat:no-repeat; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:left; margin:0px; padding:0px 0px 5px 0px;}
h1 {font-size:36px; font-weight:bold; margin:0px; padding:0px;}
h2 {font-size:24px;font-weight:bold; margin:0px; padding:0px;}
h3 {font-size:18px; font-weight:bold; margin:0px; padding:0px;}
h4 {font-size:16px; font-weight:bold; margin:0px; padding:0px;}
h5 {font-size:14px; font-weight:bold; margin:0px; padding:0px;}
h6 {font-size:12px; font-weight:bold; margin:0px; padding:0px;}
ul {margin-top:0;margin-left:0;padding-left:12px;list-style:circle}
li {margin:3px 0px 3px 10px}
li a {line-height:150%;}
a {font-weight:bold; color:#000000; background-color: #FFFFFF; text-decoration:none;}      /* unvisited links */
a:hover {font-weight:bold; color:#FF0000; background-color: #FFFFFF; text-decoration:none;}     /* user hovers     */
table {padding:0px; margin:0px; width:inherit;}
tbody {padding:0px; margin:0px; width:inherit;}
th {padding:0px; margin:0px; width:inherit;}
#wrap {width:768px; text-align:left; margin:auto;}
#leftcol {width:580px; float:left; vertical-align:top; padding:4px 2px 4px 4px;}
#navbar {background-color:#F0F0F0; color:#777777; margin:0px 0px 5px 0; padding:5px; border:1px solid #525252; text-align:right;}
#navbar a {font-weight:bold; color:#000000; background-color: #F0F0F0; text-decoration:none; border-bottom:1px dashed #333333;}      /* unvisited links */
#navbar a:hover {font-weight:bold; color:#FF0000; background-color: #F0F0F0; text-decoration:none; border-bottom:1px solid #999999;}     /* user hovers     */
#header {height: 150px; margin:0px 0px 5px 0; padding:0px; border:1px solid #666666; background-image:url(images/header.png); background-repeat:repeat-x; background-position:top center;}
#introtext {margin:25px 10px 10px 10px;}
#spotlight {background-color:#FFFFFF; color:#000000; margin:0px 0px 5px 0; padding:5px; border:1px solid #525252;}
#spotlight img {padding:3px 4px 0px 0; float:left;}
#lfeature {background-color:#FFFFFF; color:#000000; margin:0px 1px 5px 0; padding:5px; border:1px solid #525252; width:275px; float:left;}
#lfeature img {padding:3px 4px 0px 0; float:left;}
#rfeature {background-color:#FFFFFF; color:#000000; margin:0px 0px 5px 1px; padding:5px; border:1px solid #525252; width:275px; float:right;}
#rfeature img {padding:3px 4px 0px 0; float:left;}
#maincontent {clear:both;}
.mainblock {background-color:#FFFFFF; color:#000000; margin:0px 0px 5px 0; padding:5px; border:1px solid #525252;}
#banners {clear:both; margin:5px; padding:5px; text-align:center;}
#footer {clear:both; text-align:center;}
#footertext {background-color:#F0F0F0; color:#000000; margin:auto; padding:5px; border:1px solid #525252; height:30px; width:750px;}
#footertext a {font-weight:bold; color:#000000; background-color: #F0F0F0; text-decoration:none; border-bottom:1px dashed #525252;}      /* unvisited links */
#footertext a:hover {font-weight:bold; color:#FF0000; background-color: #F0F0F0; text-decoration:none; border-bottom:1px solid #5B7C7C;}     /* user hovers     */
#rightcol {width:175px; float:right; vertical-align:top; padding:4px 4px 4px 2px;}
.rblock {background-color:#FFFFFF; color:#000000; margin:0px 0px 5px 0; padding:5px; border:1px solid #525252;}
.btitle {display: block; clear:both; padding:2px; margin:0px 0px 2px 0; border-bottom:1px dashed #525252;}
#rightcol .btitle {display: block; clear:both; padding:2px; margin:0px 0px 2px 0; border:1px solid #525252; background-color:#F0F0F0; color:#333333;}
.dlink {font-size:6px; display:none;}
a.dlink {text-decoration:none; border:0;}
a.dlink:hover {text-decoration:none; border:0;}
img {border:0px;}
img a {border:0px;}
img a:hover {border:0px;}

#authorbox {padding:4px;border:1px solid #333;background:#efefef;color:#333}
.gads {padding:4px;float:right}
a.mymain {color:#5B7C7C;display:block;height:14px;margin:2px;padding:2px;text-decoration:none;border-bottom:1px dotted #2A4A85}
a.mymain:hover {color:#FF9900;text-decoration:none;border-bottom:1px dotted #5B7C7C}
a.mymainsub {color:#5B7C7C;display:block;height:14px;margin:2px;padding:2px 2px 2px 9px;text-decoration:none;border-bottom:1px dotted #2A4A85}
a.mymainsub:hover {color:#FF9900;text-decoration:none;border-bottom:1px dotted #5B7C7C}
a.mymainlogin {color:#5B7C7C;display:block;height:14px;margin:2px;padding:2px;text-decoration:none;border-bottom:1px dotted #2A4A85}
a.mymainlogin:hover {color:#FF9900;text-decoration:none;border-bottom:1px dotted #5B7C7C}

[Edit captain_torche : ] Lorsque tu postes de longs extraits de codes, il vaut mieux utiliser la balise CODEBOX, pour faciliter la lecture. J'ai édité ton post en ce sens.

ghost · 30 Juillet 2006

Bonjour,

je crois que c'est ton footer qui n'est pas bien "calibré" il n'est pas dans ton conteneur principal wrap, c'est surement un problème de </div> mal positionné dans ton html. Enfin ce n'est qu'une idée !!

KodFox · 30 Juillet 2006

Dans quel ligne est le bug merci de m'aider

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Utlaze Net</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<meta http-equiv="content-language" content="en" />
<meta name="description" content="Consultez l'annuaire Utlaze Net pour trouver les meilleurs logiciels gratuits et payant du net. / Echange De Fichiers, Barre d'outils, Gravure, Messagerie Instantanée, Navigateur, Lecteur Audio, Jeux" />
<meta name="keywords" content="actualité, informatique, hardware, logiciel, téléchargements, infos, software, internet, logiciels, materiel, articles, astuces, multimedia, news, téléchargement, jeux, télécharger, forums, astuces, dossiers, idn, windows, entraide, gratuit, freeware, shareware, tutoriaux, réseaux, virus, spyware, spam, conseils, firewall, sécurité, configuration" />
<meta http-equiv="pragma" content="no-cache" />
<meta name="robots" content="index,follow" />
<meta name="rating" content="general" />
<meta name="author" content="KoDFoX" />
<meta name="copyright" content="Copyright © 2006" />
<link rel="stylesheet" type="text/css" media="screen" href="style.css" />
<style type="text/css">
.formbutton{
cursor:pointer;
border:outset 0px #000000;
background:#FFFFFF;
color:#333333;
font-weight:bold;
}
</style>


			<script language='javascript' src='http://127.0.0.1:1025/js.cgi?ca&r=19426'></script>

</head>
<body>
<div id="wrap">
  <div id="leftcol">
    <div id="navbar"><a href="http://site.voila.fr/utlaze2fr/index.htm?0.4019662548519722">Ancienne Version</a>   <a href="indexfr.html" title="Version Française">Français</a>   <a href="indexen.html" title="English Version">English</a></div>
    <div id="header">
      <div id="introtext">
        <h1>Utlaze Net</h1>        
        <h3>Annuaire Des Logiciels</h3>
        <h6><form method=GET action="http://www.google.ca/search">
<p style="text-align: right">
Google <input type="text" name=q style="width: 200px; border: 1px solid gray" size="1" /> <input type="submit" class="formbutton" value="Search" />
</p>
</form></h6>
      </div>
    </div>
    <div id="spotlight">
    <div class="btitle">
        <h4>Windows</h4>
      </div>
<TABLE>
<TR id="row1">
   <TD valign="top"><img src="images/windows.gif" width="64" height="64" />      <TD>
   <TABLE>
<TR id="row1">
   <TD>► <a href="windowsfr/navigateurs.html" title="Navigateur alternatif pour le Web pour une navigation rapide.">Navigateurs</a>      <TD>► <a href="windowsfr/messagerieinstantanee.html" title="Un moyen efficace de garder le contact avec vos amis.">Messagerie Instantanée</a>
<TR id="row2">
   <TD>► <a href="windowsfr/p2p.html" title="Programme permetant de télécharger des fichiers. (Musiques, Images, Video...)">Echange De Fichiers (P2P)</a>      <TD>► <a href="windowsfr/barreoutils.html" title="Outils complet prêt à vous simplifier la vie.">Barre d'outils</a>
<TR id="row3">
   <TD>► <a href="windowsfr/clientftp.html" title="Logiciel permet de transférer des fichiers entre votre ordinateur et un autre.">Client FTP</a>      <TD>► <a href="windowsfr/traducteurdictionnaire.html" title="Traduisez vos texte avec un logiciel de traduction. | Corrigés vos erreurs avec un logiciel dictionnaire.">Traducteur & Dictionnaire</a>
<TR id="row4">
   <TD>► <a href="windowsfr/antivirus.html" title="Analysez votre disque dur avec un logiciels antivirus.">Antivirus</a>      <TD>► <a href="windowsfr/firewall.html" title="Un Firewall est un logiciel permettant de filtrer les paquets de données échangés sur un réseau.">Firewall</a>
<TR id="row5">
   <TD>► <a href="windowsfr/compression.html" title="Compressez et décompressez des archives de type ZIP, ARJ, RAR, etc.">Compression</a>      <TD>► <a href="windowsfr/gravure.html" title="Créez facilement des gravures sur CD et DVD.">Gravure</a>
<TR id="row6">
   <TD>► <a href="windowsfr/nettoyeurs.html" title="Nettoyez vos disques durs et votre système.">Nettoyeurs</a>      <TD>► <a href="windowsfr/antispyware.html" title="Enlève les spywares agressif et les contenus malveillants.">Anti Spyware</a>
<TR id="row7">
   <TD>► <a href="windowsfr/antispam.html" title="Logiciel anti-spam, automatique et transparent, qui protège votre boîte des courriers indésirables.">Anti Spam</a>      <TD>► <a href="windowsfr/defragmentation.html" title="La défragmentation est l'action de réunir tous les morceaux, pour en faire un bloc compact.">Defragmentation</a>
<TR id="row8">
   <TD>► <a href="windowsfr/lecteuraudio.html" title="Lecteur multimédia aux multiples fonctions.">Lecteur Audio</a>      <TD>► <a href="windowsfr/retoucheimages.html" title="Retouchez et créer des images.">Retouche d'images</a>
</TABLE>
</TABLE>
      </div>
      <div id="spotlight">
      <div class="btitle">
        <h4>Mac</h4>
      </div>
<TABLE>
<TR id="row1">
   <TD valign="top"><img src="images/mac.gif" width="64" height="64" />      <TD>

Aucun
</TABLE>  
      </div>
      <div id="spotlight">
      <div class="btitle">
        <h4>Linux</h4>
      </div>
<TABLE>
<TR id="row1">
   <TD valign="top"><img src="images/linux.gif" width="64" height="64" />      <TD>

Aucun
</TABLE>
      </div>
        <div id="maincontent">
      <div class="mainblock">
        <div class="btitle">
          <h4>Cette Semaine</h4>
        </div>
        Logiciel : <b><a href="http://www.copernic.com/FR/products/agent/download.html">Copernic Agent Basic</a></b><br />
        Licence : <b>Gratuit</b><br />
        OS:  <b>Windows NT, 95, 98, 2000, ME, XP</b><br />
        Infos: <b>Interroger simultanément plusieurs moteurs de recherche depuis son PC.</b>
        </div>
      <div class="mainblock">
        <div class="btitle">
          <h4>Astuces</span></h4>
        </div>
        <b>Bientôt</b>
        </div>
      <div class="mainblock">
        <div class="btitle">
          <h4>Sponsors</h4>
        </div>
        Aucun sponsor présent sur la page.
        </div>
    </div>
  </div>
  <div id="rightcol">
    <div class="rblock">
      <div class="btitle">
        <h4>Navigation</h4>
      </div>      
        <a href="http://utlaze.frbb.net/">Forum</a><br />
        <a href="chat.html">T'chat</a><br />
        <a href="#">Services</a><br />
        <a href="#">Search</a><br />
        <a href="support\index.html">Support</a><br />
        <a href="http://my4.statcounter.com/project/standard/stats.php?account_id=984339&login_id=3&code=290d6eefb3ff2799f7ed86682664b01d&guest_login=1&project_id=1363650">Stats</a><br />
    </div>
    <div class="rblock">
      <div class="btitle">
        <h4>Forum</h4>
      </div>
      <a href="http://utlaze.frbb.net/login.forum?connexion">Connexion</a><br />
      <a href="http://utlaze.frbb.net/profile.forum?mode=register&agreed=true">Inscription</a><br />
      <a href="http://utlaze.frbb.net/profile.forum?mode=sendpassword">Mot de passe oublié ?</a><br />
      <a href="http://utlaze.frbb.net/memberlist.forum">Les Membres</a><br />
      </div>
    <div class="rblock">
      <div class="btitle">
        <h4>Favoris</h4>
      </div>
      <a href="http://www.01net.com/">01Net</a><br />
<a href="http://www.clubic.com/">Clubic</a><br />
<a href="http://www.cnet.com/">CNET</a><br />
<a href="http://www.commentcamarche.net/">Comment Ça Marche</a><br />
<a href="http://www.hotmail.com/">Hotmail</a><br />
<a href="http://www.infos-du-net.com/">Infos-Du-Net</a><br />
<a href="http://www.neowin.net/">Neowin</a><br />
<a href="http://www.pcastuces.com/">PC Astuces</a><br />
<a href="http://www.pcmag.com/">PC Magazine</a><br />
<a href="http://www.presence-pc.com/">Presence PC</a><br />
<a href="http://www.secuser.com/">Secuser</a><br />
<a href="http://sourceforge.net/">SourceForge</a><br />
<a href="http://sympatico.msn.ca/defaultf.aspx">Sympatico / MSN</a><br />
<a href="http://www.toptenreviews.com/">Top Ten Reviews</a><br />
<a href="http://www.wikipedia.org/">Wikipedia</a><br />
<a href="http://www.zdnet.com/">ZDNet</a><br />
      </div>
    <div class="rblock">
      <div class="btitle">
        <h4>Compatible</h4>
      </div>
      FireFox<br />
      IE 5.x et +<br />
      Avant Browser<br />
      NS 6/7<br />
      Mozilla 1.x<br />
      Opéra 5.x et +<br />
      Safari<br />
      Mobile<br />
      </div>
    <div class="rblock">
      <div class="btitle">
        <h4>Partenaires</h4>
      </div>
      <a href="http://www.enjoystation.net/">Enjoystation</a> / <a href="http://www.enjoystation.net/Player/mp3.m3u">Écouter</a><br />
      <a href="http://www.comput-team.com/">Comput-Team</a>
    </div>

    <center><form name="_xclick" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_xclick">
<input type="hidden" name="business" value="utlazesupport_AT_gmail.com">
<input type="hidden" name="item_name" value="Team In Training">
<input type="hidden" name="currency_code" value="USD">
<input type="hidden" name="amount" value="10.00">
<input type="image" src="http://www.paypal.com/en_US/i/btn/x-click-butcc-donate.gif" border="0" name="submit" alt="Make payments with PayPal - it's fast, free and secure!">
</form></center>

  </div>
</div>
<div id="footer">
  <div id="footertext">Copyright © 2006 Utlaze Net | All Rights Reserved.<br /><a href="support/contactus.html">Contactez-Nous</a></div>
</div>

<!-- Start of StatCounter Code -->
<a href="http://www.statcounter.com/" target="_blank"><img src="http://c13.statcounter.com/counter.php?sc_project=1363650&java=0&security=92939b68&invisible=1" alt="free web page counters" border="0"></a> 
<!-- End of StatCounter Code -->


<script language='javascript'>document.write('<img src="http://monsite.voila.fr/servlets/istat?site=utlazenet7&page=/indexfr.html&outil=ftpweb&n=' + Math.round(Math.random()*100000) + '" width=1 height=1>'); </script>
<script language='javascript'>document.write('<img src="http://e.voila.fr/cgi-bin/ft/10000033638?&page=utlazenet7_indexfr.html&n=' + Math.round(Math.random()*100000) + '" width=1 height=1>');</script>
</body>
</html>

ghost · 30 Juillet 2006

Je ne pense pas à ton css mais à ton html ...

Je vais jeter un oeil

ghost · 30 Juillet 2006

Bonjour,

As tu penser a valider ta page http://validator.w3.org/ tu dois avoir plus de 130 erreurs sur ton html, doit tu devrais changer de doctype car du XHTML 1.0 Strict c'est peut être un peu trop mais déjà il faudrait corriger les erreurs de "structure" ca ne ferais que du bien !!

Sinon je pense que tu devrais modifier ton html suivant :

  </div>
</div>
<div id="footer">
  <div id="footertext">Copyright © 2006 Utlaze Net | All Rights Reserved.<br /><a href="support/contactus.html">Contactez-Nous</a></div>
</div>

en

  </div>

<div id="footer">
  <div id="footertext">Copyright © 2006 Utlaze Net | All Rights Reserved.<br /><a href="support/contactus.html">Contactez-Nous</a></div>
</div>
</div>

comme ça ton footer rentra peut être dans ton conteneur principal et tu élimineras le scroll horizontal

<edit>

Autant pour moi, ça ne va pas , ta colonne de droite n'est pas dans ton conteneur principal, vu que ton conteneur principal n'est pas fermé, si tu veux garder cet "effet" décroché, il faudrait dans ton css :

#footer {clear:both; text-align:center;width: 760px}

Sinon le footer prend toute la largeur de l'écran et t'impose un scroll à cause des bordures.

Mais bon c'est un "emplâtre sur une jambe de bois", je crois qu'il faudrait mieux reprendre ton template comme il faut !!

Bon courage

</edit>

Modifié 30 Juillet 2006 par ghost

KodFox · 31 Juillet 2006

rien na changer le problème juste sur le www.utlaze.ca.cx et il est pas sur le lien non référer http://site.voila.fr/utlazenet7/indexfr.ht...845546166813698 :wacko:

ghost · 31 Juillet 2006

Bonjour,

Je n'ai pas tout compris mais il me semble que tu n'as plus ton scroll horizontal ...

KodFox · 31 Juillet 2006

Bonjour,

Je n'ai pas tout compris mais il me semble que tu n'as plus ton scroll horizontal ...

J'ai une scroolbar horizontal sur le site www.utlaze.ca.cx

mais il y a aucun scrollbar horizontal sur cette page http://site.voila.fr/utlazenet7/indexfr.ht...845546166813698

et en plus c'est la même page.

Modifié 31 Juillet 2006 par KodFox

ghost · 31 Juillet 2006

Bonjour,

Oui c'est la même page sauf que www.utlaze.ca.cx est sous <frameset> contenant http://site.voila.fr/utlazenet7/indexfr.ht...845546166813698 et que http://site.voila.fr/utlazenet7/indexfr.ht...845546166813698 tout seul non !

voili voulou

code source de www.utlaze.ca.cx

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
<html>
<head>
<title>??? Utlaze Net ??? Annuaire Des Logiciels ??? Software Directory ???</title>
<meta name="keywords" content="actualité¬ informatique, hardware, logiciel, té¬©chargements, infos, internet, logiciels, materiel, articles, astuces, software, news, té¬©chargement, jeux, té¬©charger, forums, astuces, dossiers">
<meta name="description" content="Consultez l\'annuaire Utlaze Net pour trouver les meilleurs logiciels gratuits et payant du net. / Echange De Fichiers, Barre d\'outils, Gravure, Messagerie Instantané¥¬ Navigateur, Lecteur Audio, Jeux">
<meta name="revisit-after" content="2 days">
<meta name="robots" content="INDEX, FOLLOW">
</head>
<frameset rows="100%,*" frameborder="NO" border="0" framespacing="0">
<frame name="main" src="http://site.voila.fr/utlazenet7/indexfr.html?0.5845546166813698">
</frameset>
<noframes>
<body bgcolor="#FFFFFF" text="#000000">
<a href="http://site.voila.fr/utlazenet7/indexfr.html?0.5845546166813698">Click here to continue to ??? Utlaze Net ??? Annuaire Des Logiciels ??? Software Directory ???</a>
</body>
</noframes>
</html>

Si c'est pour faire une redirection y plus simple que ça !

Modifié 31 Juillet 2006 par ghost

KodFox · 1 Août 2006

comment je pourais faire une redirection plus simple sans scrollbar horizontal

j'ai remanquer que la scollbar venais de mon DOCTYPE et le site qui me réfère c'est à dire www.new.fr

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Modifié 1 Août 2006 par KodFox

KodFox · 5 Août 2006

comment je pourais faire une redirection plus simple sans scrollbar horizontal

j'ai remanquer que la scollbar venais de mon DOCTYPE et le site qui me réfère c'est à dire www.new.fr
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

J'ai réparer mon problème avec le code pour mettre entre <head> et </head>

<!--[if IE 6]><style style="text/css">
body { width: expression( ( document.documentElement.clientWidth - 20 ) + 'px' ); }
</style><![endif]-->

:cool:

Connexion

Problème avec la scrollbar dans le bas

Sujets conseillés

KodFox

Lien vers le commentaire

Partager sur d’autres sites

ghost

Lien vers le commentaire

Partager sur d’autres sites

KodFox

Lien vers le commentaire

Partager sur d’autres sites

ghost

Lien vers le commentaire

Partager sur d’autres sites

ghost

Lien vers le commentaire

Partager sur d’autres sites

KodFox

Lien vers le commentaire

Partager sur d’autres sites

ghost

Lien vers le commentaire

Partager sur d’autres sites

KodFox

Lien vers le commentaire

Partager sur d’autres sites

ghost

Lien vers le commentaire

Partager sur d’autres sites

KodFox

Lien vers le commentaire

Partager sur d’autres sites

KodFox

Lien vers le commentaire

Partager sur d’autres sites

Veuillez vous connecter pour commenter

Parcourir

Activité