Discussion :

[Caxton]

Bonjour,

J'ai un peutit souci de conception en css + div.

Je cherche à faire en sorte d'un div principal prenne toute la largeur et toute la longueur de la fenêtre quel que soit la taille de celle-ci.

J'ai tenté un height: 100% et hélas, même si je la force dans le html et le body, c'est la même chose.

Donc je m'en retourne vers vos lumière pour comprendre ce qui peut fonctionné ou non pour que le css s'adapte.

Pour le moment j'ai écrit cela :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
body {
    background: none repeat scroll 0 0 #FFFFFF;
}
 
#ecran {
	/*margin: auto;*/
 
	position: relative;
	/*width: 100%;*/
 
	font-family: Verdana;
	font-size: 10pt;
}

Niveau html il y a rien de rare non plus... Bref je cherche quoi *

Merci pour vos indications, aide pour ce que je n'aurais pas su

[cijez]

Salut,

pour que cela marche il te faudra un doctype dans ton html

ensuite en css il faut que tu ajoutes

Code :

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

1
2
3
4
html,body{
width:100%;
height:100%;
}

sans oublié de mettre à body

Code :

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

margin:0;

et ensuite tu peux mettre ton div en width et height 100%

[Caxton]

Ok, ça confirme donc mes craintes
En effet, je viens de tester ça fonctionne

Seulement ensuite ça ne m'avance pas plus. La portion que j'aimerais voir agrandi reste petite. Comme elle est situer dans ce div, forcément elle prends des dimensions fixe

Bon bah je vais devoir faire autrement pour que la fenêtre de mon t'chat et de mes contact paraisse ouverte même avec une page qui doit se redimensionné

Peut-être une solution su je force la div interne à un % ?

[cijez]

tu as oublié un bout à ton problème

tu veux faire quoi maintenant ?

[Caxton]

Au départ je pensait que le div dans le div prendrais la même taille... mais en fait non

Peut-être ai-je intérêt à poster le code entier

[cijez]

une div prend la largeur de son parent
et de base la hauteur dépend de son propre contenu

mais avec le code précédent rien ne t'empêche de mettre une hauteur en % (100%,50%..)