28220 sujets

CSS et mise en forme, CSS3

Bonjour à tous,

j'ai une question à laquelle je n'arrive pas à trouver de réponse : je souhaite avoir 2 div (une à gauche de la page d'une largeur de 200 px et une à droite d'une largeur de 700px) avec des marges fixes, à savoir à 40px des bords.
Le but est que ces div correspondent en hauteur à la taille de la fenêtre du navigateur, tout en restant systématiquement à 40px des bords.

Voici comment j'ai défini les div :
#blocgauche {
	position: absolute;
	top: 40px;
	left: 40px;
	bottom: 40px;
	width: 200px;
	background: red;
}

#blocdroite {
	position: absolute;
	top: 40px;
	right: 40px;
	bottom: 40px;
	width: 700px;
	background: yellow;
}


Tout ça marche bien, sauf sur MSIE qui n'ont pas de hauteur.
Exemple sur cette page.

J'ai remplacé top, bottom, etc. par margin-top, margin-bottom, etc. mais ça ne change rien sous MSIE.

Ai-je oublié quelquechose ? Merci de vos réponses ! Smiley smile

PS : Et merci à Raphaël, c'est sur Alsacreations que j'ai découvert et appris les CSS ! Smiley cligne
Bonjour,

IE5.x et 6.0 Windows ne permet pas de dimensionner un élément en position absolu à l'aide de ses propriété top bottom ou left right.

Utiliser un tableau, ou mieux, ne pas limiter l'affichage à la hauteur de la fenêtre du navigateur, ce qui pose des problèmes de rendu et d'accessibilité dès que l'utilisateur n'est plus dans les conditions d'affichage prévue (taille des caractère, en particulier : ici, un utilisateur agrandissant les caractères risquera de ne plus pouvoir lire ce qui déborde en dessous du bloc jaune, étant donné la couleur d'arrière-plan noir de body).
Modifié par Laurent Denis (02 Oct 2005 - 04:54)
Merci pour la réponse !

en fait, je compte monter un site avec des "pseudo-frames" grâce à la fonction php include, et que les pages appelées s'affichent dans le bloc jaune qui serait en overflow: auto; mais je rame un peu...
Je pense que je vais donner une taille fixe à ces blocs (mon but était qu'il puissent être redimensionnables en fonction de la résolution de l'écran du visiteur).

Edit : en fait, je souhaite avoir ce résultat, mais avec un contenu à taille variable. Smiley langue
Modifié par Opentype (02 Oct 2005 - 16:44)