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
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 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...