Apparition Scrollbar horizontale

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 :arf::marteau:

Merci par avance pour votre aide précieuse.

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

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:

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:

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:

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:

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);
}

Ton problème viens de ton fichier mysql.php et notamment de

Code:

echo '<pre>';

renseigne toi sur la balise PRE (Preformatted text).

http://www.w3.org/TR/html401/struct/text.html#edef-PRE

Salut NoSmoling et merci à toi.

En effet, çà ne s'invente pas!
J'ai donc solutionné le problème en virant tout simplement les balises <pre>

Code:

<pre>...</pre>

Merci :lol: