Apparition Scrollbar horizontale

**Goldo974** · 29/07/2015, 10h46

Bonjour à tous,

J'ai posté un sujet résolu dernièrement à cette adresse. Le soucis restant est notifié en fin de discussion.

Lorsque j'affiche mes données, si le texte est trop long, un scrollbar horizontale se créé automatiquement. J'ai tenté différents codes CSS avec mon container en width:800px; mais rien ne change. J'ai testé des solutions proposées sur un autre site, mais le problème persiste.

Pourriez-vous m'aider à solutionner ce soucis svp

Merci par avance pour votre aide précieuse.

**NoSmoking** · 29/07/2015, 15h07

Bonjour,
pourrais tu nous montrer le code HTML/CSS de ce fameux conteneur.

**Goldo974** · 29/07/2015, 16h48

Bonjour NoSmoking et merci pour ta réponse,
Le soucis est au niveau du bloc #content

Voici les fichiers avec leur codes:

index.php

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
 
<!DOCTYPE html>
<?php include 'setting/config.php';?>
<html lang="fr">
<meta charset="utf-8">
<head>
<title><?php echo $title; ?></title>
<?php include 'setting/meta.php';?>
<!-- JavaScript -->
<script src="js/html5shiv.js"></script> <!-- HTML5/CSS3 compatible pour anciens navigateurs -->
<script src="js/jquery.min.js"></script> <!-- jQuery pour Menu -->
<?php include ("fancybox.php"); ?>
<!-- CSS -->
<link rel="icon" type="image/png" href="favicon.png" />
<link rel="stylesheet" type="text/css" media="screen" href="css/style.css">
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Fredericka+the+Great">
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Chelsea+Market">
</head>
<body>
<div id="container">
	<div id="header"></div>
	<div id="left"></div>
	<div id="content">
<?php include 'pdo.php';?>
<?php include 'mysql.php';?>
</div>
 	<div id="right"></div>
	<div id="footer"></div>
</div>
</body>
</html>

pdo.php

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
 
<?php
// CONNEXION DB
try{
	$DB = new PDO('mysql:host=localhost;dbname=dbname','root','');
	$DB->setAttribute(PDO::ATTR_ERRMODE,PDO::ERRMODE_EXCEPTION);
}
catch(PDOException $e) {
	echo 'La base de donnée n\'est pas disponible, merci de rééssayer plus tard.';
}
?>

mysql.php

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
<?php
/* include ('../pdo.php'); */
// AFFICHAGE DONNEES
$sql = 'SELECT idPaper,article,legend,website FROM artPress';
try{
$req = $DB->query($sql);
while($d = $req->fetch(PDO::FETCH_ASSOC)){
	echo '<pre>';
	echo '<h1>'.$d['idPaper'].'</h1><br \>';
	echo $d['article'].'<br \>';
	echo $d['legend'].'<br \>';
	echo '<a href="http://'.$d['website'].'" target="_blank">'.$d['website'].'</a>';
	echo '</pre>';
	}
}
catch(PDOException $e){
	echo 'Votre requête a rencontrée une erreur !';
}
?>

style.css

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
 
#container {
	width:842px;
	height:/*750px;*/100%;
	margin:auto;
}
 
#header {
	width:842px;
	height:279px;
    background-image:url(../picts/header.png);
}
 
#content {
	width:223px;
	height:410px;
	margin-left:192px;
	margin-right:427px;
	/*background-color:#9c6d37;*/
	background-image:url(../picts/menu.jpg);
	position:absolute;
}
 
#left { 
	width:192px;
	height:410px;
	float:left;
	background-image:url(../picts/left.png);
}
 
#right {
	width:427px;
	height:410px;
	float:right;
	background-image:url(../picts/right.png);
}
 
#footer {
	width:842px;
	height:62px;
	float:right;
	background-image:url(../picts/footer.png);
}