28173 sujets

CSS et mise en forme, CSS3

Bonjour.
Chaque fois que je poste ici, c'est pour demander de l'aide à propos des float que je n'arrive jamais à calibrer comme je veux.
A force de temps et de patience, je les maitrise un tout petit peu, mais visiblement pas encore assez.

Tout allait impeccablement sur le site que je réalise en ce moment; j'y ai encore bossé hier et ça fonctionnait parfaitement sous IE comme sous FF.

Aujourd'hui, je chipote à deux ou trois pages et ça part totalement en sucette sous IE. Et j'avoue que je ne comprends réellement pas pourquoi.

L'essentiel du css:
html, body
{
	position: relative;
	height: 100%;
	margin: 0;
}

body
{
	width: 860px;
	margin: auto;
	background-image: url("../gfx/bg.jpg");
	background-repeat: y-repeat;
}

#all
{
	overflow: hidden;
	min-height: 100%;
	margin: 0 auto 0;
	padding: 0;
	border: 0;
	background-image: url("../gfx/bg.jpg");
	background-repeat: y-repeat;
}

#menu { float: left; }

#menu .content
{
	width: 140px;
	margin: 0;
	padding: 0 5px 0 5px;
}

#corps { float: right; }

#corps .content
{
	width: 690px;
	margin: 0;
	padding: 0 10px 0 0;
}


Et voyez vous même le résultat:
http://www.webkot.be/~webkotdev/index.php

Au cas où ça pourrait aider, le doctype:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">


Sous IE:
- la page n'est pas centrée
- l'élément flottant #corps sort complètement du container #all, censé contenir tous les éléments de la page.

Bref, je n'y comprends rien, j'espère vraiment que vous pourrez me filer un coup de main.

D'avance merci,
Anto.
Modifié par mOrbide (26 Sep 2007 - 18:20)
Ca venait en fait de la classe dégueu que le mec qui m'a filé le boulot de design m'avait fournie...

Désolé du dérangement; je vais acheter un lanceflamme.