28173 sujets

CSS et mise en forme, CSS3

Bonsoir,

je crée actuellement un site pour une amie et sa troupe de danse orientale.

j'ai déjà un peu avancé et voilà qu'apparaissent les problèmes selon les naviguateurs.

Voilà mes problèmes :
1. La couleur de fond de ma page est très bien sous Safari et Firefox mais elle est un petit peu plus fonçée sous IE.
2. Mes étoiles sont mal positionnée sur IE version 5 ou inférieures

Voilà le code de mon css


/* CSS Document */
body /*ma balise body*/
{
	width: 800px;
	margin: auto; 
	margin-top: 20px; 
	margin-bottom: 20px;    
	background-color: #F4B230;
}


.corps { /*la box principale qui contient l'image de fond avec le logo et le nom*/
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #732812;
	background-image: url(../images/mozaic.jpg);
	background-repeat: no-repeat;
	height: 600px;
	width: 780px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	position: relative;
}
.element_menu /*la box qui contient le menu de gauche*/
{
	margin-bottom: 20px; 
	height: 200px;
	width: 180px;
	left: 75px;
	top: 390px;
	position: relative;
}
.element_menu2 /*la box à droite de .element_menu qui sera l'affichage des dernières news */
{
	margin-bottom: 20px; 
	height: 200px;
	width: 400px;
	left: 370px;
	top: 120px;
	position: relative;
}
.etoile
{
	margin-bottom: 20px; /* la box qui contient les étoiles en flash*/
	height: 183px;
	width: 345px;
	position: absolute;
	left: 390px;
	top: 60px;
}


exemple online : site mozaic

Et voilà mes question :

1. Comment bien positionnés mes box (la box les étoiles me pose problème) avec tout les naviguateurs ? Il faut utiliser la valeur Relatif ou Absolut

2. Comment avoir la même couleur entre mon image de fond de ma box principale (qui contient le logo, le nom et les halos, et faites sous illustrator) et le fond de ma page ? La couleurs en question est la numéro #F4B230 si ça peut vous aider... PS : problème qui n'apparait que sur IE

3. Je suis preneur de toutes autres suggestions pour améliorer mon code...

Merci beaucoup d'avance, comme d'habitude votre aide me sera très précieuse...
je n'ai aucun problème de couleur entre IE et FF... La page ainsi que le logo possèdent les mêmes couleurs quel que soit le navigateur (sous Win XP). Ne parlerai-tu pas de IE Mac ?
non j'ai vu hier soir sur le pc d'un ami (parce que je travaille sous mac) et sous IE que la couleur était un tout petit peu différente, mais je viens de réussir à régler ce problème en utilisant la couleur #F5B230 au lieu de la #F4B230, qui sont en fait les mêmes à l'oeil nu...

merci d'avoir jeté un coup d'oeil...
Je ne saurais que trop re deconseiller d'utiliser les position:relative ou absolute , hormis pour 1 element ou 2 c'est galere surtout avec opera .
Utilise plutot les float et les margin