Discussion :

[Xenon03]

Bonjour à toutes et à tous,

J'ai un soucis sur un site que je suis en train de concevoir.
Le site est de structure assez simple : 2 colonnes.

Le problème est que la 1ere colonne doit faire 100% en hauteur, la taille de la 2ème importe peu.

En gros plus la taille de la colonne 2 est grande, plus la taille de la 1ere augmente,
mais si la 2eme est toute petite, la 1ere fera quand même 100% ...

Si vous voulez avoir une idée :
http://webtest.h2i.fr/CGC/index.asp

J'ai 2 feuilles de style : 1 pour IE et une pour FF , mais je n'y arrive ni pour l'une ni pour l'autre ...

Merci d'avance pour votre aide précieuse

Bye

[Poulpynette]

Un peu de code serait bienvenu

J'ai 2 feuilles de style : 1 pour IE et une pour FF

C'est mal !

[Xenon03]

Lol oui c'est mal mais quand on à pas le choix ^^

Ben un peu de code :

Code css :

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
 
body {
	margin: 0;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat;
	font-family: "Trebuchet MS";
	color: #6C6052;
	height:100%;
 
}
 
html {
	border: 0;
	height:100%;
}
 
#container {
	width: 100%;
	min-height: 100%;
	height:100%;
}
 
#left {
	float: left;
	width: 266px;
	color: #1D1C1A;
	background-image: url(../images/degrade_gauche.png);
	background-repeat:repeat;
	text-align:center;
	min-height: 100%;
 
}
 
#content {
	width: 690px;
	float: left;
	padding-top: 25px;
	padding-left: 40px;
	font-size: 12px;
}

Ou left est la colonne 1 et content la colonne 2 ; container est le div global.

[Macmillenium]

Bonjour,

En gros plus la taille de la colonne 2 est grande, plus la taille de la 1ere augmente,
mais si la 2eme est toute petite, la 1ere fera quand même 100% ...

Le height de #container n'est pas renseigné => les colonnes ne feront jamais 100%
Petite recherche sur les colonnes factices pour résoudre le problème.

[Xenon03]

Ca ne marche pas mieux avec un height : 100%;

[Macmillenium]

Ca ne marche pas mieux avec un height : 100%;

renseigné : unité en em ou px

Sinon

Petite recherche sur les colonnes factices pour résoudre le problème.

[Xenon03]

Envoyé par Macmillenium
Petite recherche sur les colonnes factices pour résoudre le problème.

Je viens d'appliqueer cette méthode, mais mon fond de page ne permet pas ce type de méthode..

renseigné : unité en em ou px

Peut tu m'en dire + stp?

[Macmillenium]

Je viens d'appliqueer cette méthode, mais mon fond de page ne permet pas ce type de méthode..

Si, il manque juste un overflow:hidden sur #container