Bonjour à tous,

J'ai un div qui contient tout le contenu de ma page. À l'intérieur de ce div, j'ai ajouté un autre div pour l'en-tête et un autre pour le contenu.

Toutefois, lorsque la largeur du contenu dépasse la largeur de ma fenêtre, j'ai un problème :

Style
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
 :
body 
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color :#ffffff;
}
 
div.pageAllContent
{
	width :100%;
}
 
div.pageAllContent div.pageHeader
{
	background-color :#000000;
	border-bottom : solid 1px #000000;
	height :70px;
	width :100%;
}
 
div.pageAllContent div.pageMiddleContent
{
	width :100%;
	padding :0px 10px 0px 10px;	
}
HTML :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
 
        <div class="pageAllContent">
            <div class="pageHeader">
 
            </div>
 
            <div class="pageMiddleContent">
              <!-- Ici placer une table qui sera plus large que fenêtre -->
            </div>
        </div>
Avec ce bout de code, le noir de mon header s'arrête avec la largeur de la fenêtre au lieu de s'arrêter avec la largeur de son contenu.

J'ai essayé toute sorte de propriétés CSS (margin, overflow, etc...) mais je n'ai rien trouvé

Merci pour votre aide.