18067 sujets

Questions générales et questions de débutants

Scroll décadent et autoréagistement totalement dans les ...

Bonjour,

en faites j'ai un corps en "div id" qui englobe deux "div class", normalement je met le "div id" en "hidden" car lui ne doit pas bouger ni scroller !
par contre le "div class N°2" doit scroller donc j'ai mis l'overflow en scroll...mais il ne veut pas scroller...il n'y a que le "div id" qui veut bien scroller et la conséquence est qu'il se met en dessous du menu et non à droite...

tout ça sous IE, par contre sous Firefox no problémo...

qui peut m'aider ? merci Smiley bawling
Modifié par titichopinou (28 Aug 2006 - 18:54)
Hello,

Ton explication est claire, ton problème est précis.
Par contre si tu aurais un petit bout de code pour nous aider, ce serait absolument idéal.

Toutefois d'après tes explications, il y a un certain manque de logique dans ce que tu désires faire : 1. le div conteneur, pourquoi lui mettre la propriété masquée ? 2. concernant le placement des div l'un à coté de l'autre, as-tu bien vu la propriété Float ?

Dans l'attente de ton bout de code,

G.
code HTML et PHP,
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
	<head>
		<title> Musique Buchta - Magasins de musique en Alsace et Vosges </title>

		<meta name="Conception" content="Musique Buchta">
		<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
		<link rel="stylesheet" href="css/buchtaliens.css">
		<link rel="stylesheet" href="css/stylemarging.css">


	</head>
	<body>

		<div id="entete">
	
			<?php include ("entete.php"); ?>
				
		</div>

		<div id="menu">

			<?php include ("menugauche.php"); ?>
		
		</div>

		<div id="corps">
			
			<div class="menu_corps">
			<?php
				if (!isset($_SESSION['pseudo']))
				{
					include ("menucorps1.php");
				}
				else
				{
					if (isset($_POST) && !empty($_POST['pseudo']) && !empty($_POST['pass']))
					{
						extract($_POST);
						$reponse=mysql_query("SELECT Pass FROM Client = '.pseudo'");
						$donnees=mysql_fetch_array($reponse);
									
						if ($donnees['Pass'] != $pass)
						{
							include ("menucorps1.php");
						}
						else
						{
							$_SESSION['Pseudo'] = $pseudo;
							include ("menucorps2.php");
						}
					}
				}
			?>
		
			</div>
			
			<div class="corps_total">
			
				
				
			</div>
			
		</div>

		<div id="pied">
		  <?php include("pied.php"); ?>
		</div>

	</body>
</html>


code CSS 
< style type="text/css">
* {margin : 0px ; padding : 0px ; }
p
{
	text-align : justify;
	
}

body
{
	width : 760px ; /*Largeur de la page par rapport à la fenetre*/
	margin : auto ; /*Centrage de la page dans la fenetre*/
	margin-top: 20px;
	margin-bottom: 20px ; 
	padding : 0px ; /*Marge intérieur */
}

#en_tete
{
}
.element1_entete
{
	background: url('style/entete1.png');
	height : 20px;
	width : 760px;
}



.element2_entete
{
	background-image : url('style/entete2.png');
	height : 50px;
	width : 760px;
	
}

#menu
{
	float : left ;
	width : 140px ;
	height : 501px ;
	border : 0px solid red;
}

.element_menu
{
	height : 250px ;
	margin-left : 0px ;
	margin-top : 0px ;
	border-bottom : 0px solid red;
}

.panier_menu
{
	height : 250px ;
	margin-left : 0px ;
	margin-right : 0px ;
	margin-top : 0px ;
}

#corps
{
	overflow : hidden ;
	width : auto;
	height : 501px;
	border : 1px solid red;


}
.corps_total
{
	border : 1px solid red;
	overflow : inherit ;
}
.menu_corps
{
	height : 23px;

}
table
{
	width : 100% ;
	border-collapse : collapse ;
	border : 0px solid red ;}
td
{
	border : 0px solid red ;
}

#pied
{
	width : 760px;
	height : 14px;
	border-top : 1px solid red;
	text-align : right ;
	font : 10px, bold, italique ;
	font-variant : small-caps ;
	color : white ; 
	background-color : #cc0000 ;
}
input, textareao
{
	font-size : 10px ;
}
</style>


<!-- [if IE]>
< style type="text/css">
* {margin : 0px ; padding : 0px ; }
body
{
	width : 760px ; /*Largeur de la page par rapport à la fenetre*/
	margin : auto ; /*Centrage de la page dans la fenetre*/
	margin-top: 20px;
	margin-bottom: 20px ; 
	padding : 0px ; /*Marge intérieur */
}

#en_tete
{
}

.element1_entete
{
	background: url('../style/entete1.png');
	height : 20px;
	width : 760px;
}



.element2_entete
{
	background : url('../style/entete2.png');
	height : 50px;
	width : 760px;
	
}
#menu
{
	float : left ;
	width : 140px ;
	height : 501px ;
	border : 0px solid red;
}

.element_menu
{
	height : 250px ;
	margin-left : 0px ;
	margin-top : 0px ;
	border-bottom : 0px solid red;
}

.panier_menu
{
	height : 250px ;
	margin-left : 0px ;
	margin-right : 0px ;
	margin-top : 0px ;
}

#corps
{
	overflow : hidden ;
	width : auto;
	height : 501px;
	border : 1px solid red;
	margin : 0px ;
	padding : 0px ;
}

.corps_total
{
	overflow :scroll ;
	text-align : justify;

}

.menu_corps
{
	height : 23px;

}

table
{
	width : 100% ;
	border-collapse : collapse ;
	border : 0px solid red ;

}

td
{
	border : 0px solid red ;
}

#pied
{
	width : 760px;
	height : 14px;
	border-top : 1px solid red;
	text-align : right ;
	font : 10px, bold, italique ;
	font-variant : small-caps ;
	color : white ; 
	background-color : #cc0000 ;
}
input, textareao
{
	font-size : 10px ;
}
</style>
<![endif] -->
voila lol
Petite remarque méthodologique : les "div id" et "div class" n'existent pas. Ce qui existe, c'est :
- d'une part l'élément div ;
- d'autre part les attributs HTML class et id, qui peuvent s'appliquer sur n'importe quel élément HTML, pas uniquement sur les div.

Ou alors, comment appelerait-ton l'élément suivant ?
<div id="identifiant" class="classe1 classe2 classe3">...</div>

Un "div id class au cube" ? Smiley cligne
Pour le scroll, il faut absolument définir les attributs height ou width, ou les 2 en fonction du besoin... il me semble du moins!!!
6 c ok tu peu [ resolu ] stp ?

...

Bon, rien à faire, ce langage de brocolis typographoïde n'est pas dans mes cordes Smiley rolleyes

Je reprends, donc, dans la langue humaine que l'on est supposé employer sur ce forum: Smiley cligne

Peux-tu, s'il te plaît, marquer ce sujet comme étant [ resolu ], conformément aux règles du forum ?
j'ai quand meme un problème, je voulais par ce biai de hauteur et largeur "auto" faire que mon corps s'adapte à la largeur du body qui ( lui (a terme)) se modifie automatiquement suivant la résolution de l'écran...

mais je pense que la solution doit etre quelque part dans se site, pour ce problème
alors j'ai trouvé le tuto, mais le blem (j'ai mis 100% en width et height pour le body et/ou (j'ai essayé les deux) le corps ) c'est que le corps ne se scroll pas, et prends 4 fois la taille de l'écran en hauteur....donc c un scroll de toute la page qui est en faites réalisé...

Moi je voulais juste que la taille de la page (hauteur et largeur) s'adapte à la résolution du navigateur....

merci
Nouvelles données : Toutes mes pages sont Validées W3C ! HTML et CSS....

Sous IE ça scroll pas et en plus le div class N°2 se décale sous le menu alors que le div class N°1 lui reste gentillement où il doit etre ..... c bizarre....
Sous FF ça ne scroll pas, mais le corps lui est bien alligné
(je sais que dire un div class et un div id c pas bien, mais c plus rapide)

Ma page est à l'adresse suivante : http://titichopinou2.ifrance.com

Voila merci !
Sujet clos
Aller à