28220 sujets

CSS et mise en forme, CSS3

Bonjour!

mon problème est le suivant :
uniquement lorsque le site est affiché avec une résolution de 800*600
la photo située à gauche est coupée & l'image positionée en float: right ne tient pas bien sa droite Smiley cligne ...
http://heaj.be/~scareface/cntt/statique
comment pourais-je améliorer mon code css pour un meilleur affichage en 800*600 ?

merci d'avance à tous
Modifié par scareface (02 Jun 2005 - 20:51)
A mon avis la résol écran n'a rien à voir là-dedans. Essaie plutôt de rendre ta classe .contenu un peu plus cohérente :
.contenu{
	position:absolute;
	top:30%;
	left:50%;
	height:300px;
	width:100%;
	margin-top:-150px;
	margin-left:-520px;
	z-index:auto;
}

Pas facile d'être en même temps à 100% de large et d'être placé en "milieu de fenêtre - 520px"... Smiley smile
Merci à toi Arsene !
j'ai modifié mon css comme ceci
.contenu{
position:absolute;
top:30%;
height:300px;
width:100%;
margin-top:-150px;
z-index:auto;
}

ça passe nickel sous firefox en 800*600 par contre Smiley sweatdrop
sous ie ça foire, si ça n'avait tenu qu'à moi, j'aurais dit "zut z'on ka utiliser firefox" mais bon mon site doit etre le plus possible compatible ie aussi ...

donc si quelqu'un sait quoi changer ...

merci d'avance

pour rappel l'url : http://heaj.be/~scareface/cntt/statique
Modifié par scareface (02 Jun 2005 - 16:42)
Le problème, c'est l'apparent élargissement de la page?

Pasque IE semble placer l'image du bas plus bas que Ffx.