Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
962 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [XHTML;CSS] Problème de scroll

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[XHTML;CSS] Problème de scroll

n°1222587
Profil sup​primé
Posté le 13-10-2005 à 23:04:06  answer
 

J'ai un souci de scroll. Je débute à peine dans le code et je sèche sur le souci suivant.  
 
Je voudrais que mon DIV center se repete en Y, hors, la, il se repete certes, mais à l'interieur du DIV il y a une barre de scroll carrement DANS le DIV center ... j'aurais voulu que la barre de scroll soit celle "du navigateur" le plus à droite possible (comme ce forum, cette page du forum en fait ...).
 
Pourriez-vous me dire comment je dois bidouiller mon CSS pour arriver a faire ca ?  
 
 
Voici mon HTML :  
 

Citation :

<!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>
 <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
 <meta name="author" content="Joe Design" />
 <meta name="keywords" content="product, produit, webdesign, communication, visuel, concept car, concet, voiture, automobile, mobilier urbain, environnement, transport, graphique, graphisme, design, css, cascading, style, sheets, xhtml, graphic design, w3c, web standards, visual, display" />
 <meta name="description" content="CV online, présentant mes projets de Design produit, communication visuelle." />
 <meta name="robots" content="all" />
 
 <title>JOE Design</title>
 
 <script type="text/javascript"></script>
 
 <style type="text/css" media="all">
  @import "style.css";
 </style>
 
</head>
<body id="JOE Design">
<div id="global">
  <div id="header">
  <!--
      Le bloque avec les titres, d'ailleurs, est ce possible des zones cloquable au niveau des titres bien sûr ?  
      -->
  </div>
 
  <div id="center">
  <!--
     Partie centrale, c'est la qu'on retrouve les infos, les news et pi l'intro du site
      -->
     <h1>Bienvenue</h1>
     Ce site est consacré à ma passion du Design.
     Le Design est le rail que je suis, plus qu'un métier, une passion :Design produit, Design d'environnement, Design transport, Design packaging, Design graphique ...<br />
     Vous avez accès à mon CV, ma galerie de projets ...<br />Que vous soyez particulier ou professionnel, n'hesitez pas à me contacter.<br />
     <br/>Je vous salue et bon surf sur JOE Design.<br /> ------------------------------------
  <p>partie avec du contenu occupant le reste de la largeur</p>
 
     <p>partie avec du contenu occupant le reste de la largeur</p>
     <p>partie avec du contenu occupant le reste de la largeur</p>
     <p>partie avec du contenu occupant le reste de la largeur</p>
 
     <p>partie avec du contenu occupant le reste de la largeur</p>
     <p>partie avec du contenu occupant le reste de la largeur</p>
     <p>partie avec du contenu occupant le reste de la largeur</p>
 
     <p>partie avec du contenu occupant le reste de la largeur</p>
   <p>partie avec du contenu occupant le reste de la largeur</p>
     <p>partie avec du contenu occupant le reste de la largeur</p>
     <p>partie avec du contenu occupant le reste de la largeur</p>
     <p>partie avec du contenu occupant le reste de la largeur</p>
 
     <p>partie avec du contenu occupant le reste de la largeur</p>
 
     <p>partie avec du contenu occupant le reste de la largeur</p>
     <p>partie avec du contenu occupant le reste de la largeur</p>
     <p>partie avec du contenu occupant le reste de la largeur</p>
   <p>partie avec du contenu occupant le reste de la largeur</p>
     <p>partie avec du contenu occupant le reste de la largeur</p>
     <p>partie avec du contenu occupant le reste de la largeur</p>
 
     <p>partie avec du contenu occupant le reste de la largeur</p>
 
     <p>partie avec du contenu occupant le reste de la largeur</p>
     <p>partie avec du contenu occupant le reste de la largeur</p>
     <p>partie avec du contenu occupant le reste de la largeur</p>
     <p>partie avec du contenu occupant le reste de la largeur</p>
   
   
     <div id="actu">
 
     <h2>News</h2>
     <h3>--09/10/2005--</h3>
     Mise en place de la v4.0 du site.<br />Construction du site avec du <acronym title="Le langage de balisage hypertexte extensible"> XHTML1.0</acronym> et <acronym title="Cascading Style Sheets">CSS</acronym>
     <h3>--04/04/2005--</h3>
 
     Refonte de la galerie.<br />----------------------
     </div>
  </div>
 
<div id="footer">
<!--
Positionner un pieds de page, avec entre autre les logos, des liens etc ...
-->
</div>
</div>


 
 
Et mon CSS :
 

Citation :

body {
width: 720px;
margin: auto; /* Pour centrer notre page */
margin-top: 25px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
margin-bottom: 20px;    /* Idem pour le bas du navigateur */
font-family:Arial,"times new roman",Verdana,Helvetica, sans-serif;
font-size:10px;
}
 
/* Le header */
 
#global
{
   position: absolute;
   width: 720px;
   height: 530px;
   background-repeat: no-repeat;
   margin-top: 25px;
}
 
#header
{
   position: absolute;
   width: 720px;
   height: 102px;
   background-image: url("images/header.gif" );
   background-repeat: no-repeat;
}
 
#center
{
   position: relatif;
   width: 720px;
   height: 417px;
   overflow:auto;
   background-image: url("images/ambiance_accueil.gif" );
   background-repeat: repeat-y;
   margin-top: 102px;
}
 
#footer
{
   position: relatif;
   width: 720px;
   height: 11px;
   background-image: url("images/bottom.gif" );
   background-repeat: no-repeat;
   margin-top: 0px;
}

mood
Publicité
Posté le 13-10-2005 à 23:04:06  profilanswer
 

n°1222646
gatsusat
Posté le 14-10-2005 à 02:21:29  profilanswer
 

#center  
{  
   position: relatif;  
   width: 720px;  
   height: 417px;  
   overflow:auto;  
   background-image: url("images/ambiance_accueil.gif" );  
   background-repeat: repeat-y;  
   margin-top: 102px;  
}  
 
aller fait un effort, cherche la cause  de ton problème.
Sachant que c'est ni un pb de dimensions, ni de position, ni de fond, ni de marge.
 
Aller devine quelle ligne te pose pb !


---------------
Les CSS c'est bon mangez-en
n°1222697
Roane
Pingouino's fan
Posté le 14-10-2005 à 08:52:16  profilanswer
 

(ça commence par o :) )


---------------
http://www.alsacreations.com, http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net. A ne surtout pas prendre en exemple : http://www.worldinternet.be
n°1222766
gatsusat
Posté le 14-10-2005 à 10:05:44  profilanswer
 

Roane a écrit :

(ça commence par o :) )


chut jtai dit toi !  :D


---------------
Les CSS c'est bon mangez-en
n°1222791
Profil sup​primé
Posté le 14-10-2005 à 10:22:50  answer
 

Ok merci, j'ai trouvé à quoi correspond cette fonction overflow ! En effet, moi je n'en veux pas de la barre de defilement dans le bloc DIV. ;) Merci.
 
Je ne peux que verifier ce soir, j'espere que j'aurais bien ce que que j'espere, c'est a dire un center qui se multiplie en Y selon ce qui se trouve dans le bloc DIV "center"... et ainsi pouvoir le faire defiler avec l'ascenseur du navigateur. :)  
 
Je vous tiens au courant !


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [XHTML;CSS] Problème de scroll

 

Sujets relatifs
[GTK] probleme de lancement de fonction C a l'aide d'un boutonPb Flash + XHTML avec IE (IEEEEE)
HTML ou XHTML ?Problème avec hidden
Problème avec hidden[Probleme] Pointeurs de fonction dans une map
[xhtml/css] Mon bloc ne s'étire pas avec son contenu (débutant)petit problème de modélisation
probleme heritage[CSS] div et padding
Plus de sujets relatifs à : [XHTML;CSS] Problème de scroll


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR