Remplacement de frames avec CSS, problème de scroll

Bonjour,

J'ai décidé de prendre le taureau par les cornes et de remplacer mes frames sur l'ensemble de mon site (un jeu en ligne, actuellement dans sa nouvelle version beta), et j'ai un peu de mal...

L'implementation est simple, j'ai ça en CSS :

#menu {
	width: 190px;
	background-color: transparent;
	position: fixed;
	top: 0px;
	left: 0px;
	position: expression("absolute");
	align: center;
}
#menu[id] {
	position: fixed;
}
#content {
	position:absolute;
	left:190px;
	scrollbars:none;
	overflow:auto;
	width:70%;
	height:100%;

}
#header_top {
	height:66px;
	position:absolute;
	left:190px;
	scrollbars:none;
	overflow:visible;
	width:80%;


}

Mes <div> sont correctement placées, seul problème, mes pages ne se comportent pas comme il faut. Soit elles ne se scrollent pas, soit... elles le font, mais la barre passe SOUS l'écran... voyez par ces captures...
[EDIT Laurie-Anne : Image trop grande] http://galaxy-fight.fr/imgup/uploads/8dec7ce426c7d1048b164fd3eb70af0c19d18f99.jpg
http://galaxy-fight.fr/imgup/uploads/07d1d59a6a25822fb075bef94d0574c7fe356eb7.jpg

Vous pouvez tester (en créeant un compte, désolé) sur http://beta.imax86.com
Je pense qu'il est mieux que vous voyiez ce que cela donne en vrai (un test vaut mieux que 500 captures ou 1000 mots, non ?)

Je n'arrive pas du tout à faire ce que je veux, je ne dois pas être très doué avec CSS

Merci d'avance !
Modifié par Laurie-Anne (23 Nov 2009 - 12:12)

Bonjour,

Ton site me fais furieusement penser à Ogame...

Ton problème vient des positionnements absolus qui font sortir les éléments du flux (d'autant que ce positionnement absolu n'est pas vraiment nécessaire ici).

Un petit aticle qui t'aidera à mieux comprendre les positionnemts en CSS.