Container sur toute la largeur

**lechewal** · 09/06/2006, 10h57

Salut !

bon, je precise que c'est un pb uniquement sous Fx, sous IE ca passe bien...

J'ai un body en fond noir, avec des marges de 15px partout.
J'ai un containeur, qui est en fond blanc.

Je fous mon texte dans le contener, ca marche bien.

Problème, à un moment, j'ai un gros tableau, très large, qui depasse la largeur de mon ecran, donc scroll horizontal.

Mais sous firefox, le contenair reste fixe à la largeur de mon ecran, et seul le tableau dépasse du contenair, comme une excroissance

Alors que sous IE, c'est tout le contenair qui s'allonge.

Il y a plusieurs choses dans le contenair, mais mon tableau est dans le "content"

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
body {
	margin: 15px 15px 15px 15px;
	text-align: center;
	background-color: #000000;
}
#container {
	height: 100%;
	height: 400px; /*hauteur minimale*/
	padding: 0px;
	background-color: #FFFFFF;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-width: 1px;
	border-color: #CC0000;
}
#content {
	margin-left:160px;
	background-color: #FFFFFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: dashed;
	border-width: 1px;
	border-color: #CC0000;
	overflow : visible;
}

EJ · 09/06/2006, 11h05

Moi d'après
http://www.w3schools.com/css/pr_pos_overflow.asp
je dirais que c'est ton overflow:visible qui fout la grouille

**lechewal** · 09/06/2006, 11h14

en mettant à scroll, il met les barres uniquement sur la div qui contient le tableau, pas sur la page

EJ · 09/06/2006, 11h54

Bah moi jai jms réussi à faire mettre un scroll sur la page entière quand c'est juste un morceau genre iframe ou conteneur qui déborde, alors je passe la main, désolée

**Chronax** · 09/06/2006, 12h52

Moi je dirais que c'est overflow:visible aussi.....change de parametre ou vire le ou essaye un block:display !

**lechewal** · 13/06/2006, 09h47

Voila ce que ca donne sous firefox

**MasterOfChakhaL** · 13/06/2006, 10h26

p'tet qu'en nous montrant aquoi ressemble l'html, ca peut donner des idées...

c'est normal que tu définisse 2 fois height dans #container ?
ce n'est pas width: 100% que tu voulais mettre?

**lechewal** · 13/06/2006, 10h38

Envoyé par MasterOfChakhaL

p'tet qu'en nous montrant aquoi ressemble l'html, ca peut donner des idées...

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
44
45
46
<body>
	<div id="container">
		<div id="topbar">titre
		</div>
 
		<!-- MENU  -->
		<div id="menubar">
			<ul class="navlinks">
				 <li><a href="index1.php">Home</a> </li>
                                 [...]
			</ul>
		</div>		
 
		<!-- CORPS de la page -->
		<div id="content">
			<div class="corps">
				<form action="index1.php?l=cons" method="post"><fieldset>
	<legend>Filtres</legend>
 
	<label>
		<b>Nature : </b>
		<select name="nature" onchange="submit()">
			<option value="P" selected = "selected">P</option>
			<option value="F"  >F</option>
			<option value="V"  >V</option>
		</select>
 
	</label>
</form>
 
<div class="table_consult">
<table>
<colgroup span="48"></colgroup>
<thead><tr><th>ghdgf</th></tr></thead>
<tbody><tr><td class="pair">2004</td>
<td class="pair">15151515100015</td><td class="pair">1</td>
[...]
<td class="impair">13131313100013</td><td class="impair">1</td>
</tr></tbody>
</table>
</div>
 
			</div>
		</div>		
	</div>
	</body>

Envoyé par MasterOfChakhaL

c'est normal que tu définisse 2 fois height dans #container ?
ce n'est pas width: 100% que tu voulais mettre?

J'ai fait cette bidouille affreuse, je l'admet, pour faire comme une sorte de hauteur "minimale". Sinon, s'il n'y a qu'une seule ligne de texte, c'est tout rabougri..

**MasterOfChakhaL** · 13/06/2006, 11h04

j'ai l'impression que ton html n'est psa totalment valide...
je pense qu'il vaut mieux se pencher la dessus avant de regarder le css

-je n'ai pas vu de balise fermante pour ton fieldset
-ton label ne devrait pas contenir de champ de formulaire.

Code :

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

1
2
3
 
<label><b>Nature</b></label>
<select ......

ou mieux encore, pas de balise <b> la dedans puisque tu uilises css, autant définir directement le style des labels dedans...

tu peux aller jeter un oeil sur le validateur du w3c voir s'il ne te trouve pas autre chose
pour l'html
pour le css

**lechewal** · 14/06/2006, 09h21

J'ai modifié mais j'ai toujours mon excroissance..

Container sur toute la largeur

HTML

Discussions similaires

Partager

Partager