[XHTML;CSS] Problème de scroll
Problème de scroll [XHTML;CSS] - HTML/CSS - Programmation
Marsh Posté le 14-10-2005 à 02:21:29
#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
Marsh Posté le 14-10-2005 à 08:52:16
(ç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
Marsh Posté le 14-10-2005 à 10:05:44
Reply
Marsh Posté le 14-10-2005 à 10:22:50
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 !
Sujets relatifs:
- [GTK] probleme de lancement de fonction C a l'aide d'un bouton
- Pb 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
Marsh Posté le 13-10-2005 à 23:04:06
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 :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
esign produit, Design d'environnement, Design transport, Design packaging, Design graphique ...<br />
"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
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 :
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;
}