Problème Bordure html\css

Fermé
oasis1211 Messages postés 2 Date d'inscription dimanche 26 octobre 2008 Statut Membre Dernière intervention 26 octobre 2008 - 26 oct. 2008 à 17:30
oasis1211 Messages postés 2 Date d'inscription dimanche 26 octobre 2008 Statut Membre Dernière intervention 26 octobre 2008 - 26 oct. 2008 à 20:18
Bonjour à tous,

je suis nouveau sur ce forum et novice en programmation.

j'ai une page d'accueil à réaliser en html ave un style css et je rencontre des problèmes de compatibilité en les différent navigateurs: Firefox 3.0.3 et IE7.

J'ai une bordure à réaliser autour d'un flash et d'une image, pour ce faire j'utilise une image.

Deux choses que je n'arrive pas à régler:
- J'ai un espace en dessous de mon flash et la bordure sous Firefox
- Ma bordure horizontal ne fais pas 4 mais 19 px sous IE7
Savez vous egalement comment centrer verticalement du texte? Comme dans <div id="acceuil">

Voici les codes :
HTML :
<html>
<head>
<title>Aerosph'air</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>

<body>
<div id="contenu">
<div id="menu">
<b>
<div id="bordureg"></div>
<div id="acceuil"><a href="#"><font color=#FF0033><br>Acceuil</font></a></div>
<div id="centre"></div>
<div id="menusuite"><a href="#">A propos...</a></div>
<div id="centre"></div>
<div id="menusuite"><a href="#">Evenement</a></div>
<div id="centre"></div>
<div id="menusuite"><a href="#">Photo</a></div>
<div id="centre"></div>
<div id="menusuite"><a href="#">Forum</a></div>
<div id="centre"></div>
<div id="menusuite"><a href="#">Contact</a></div>
<div id="bordured"></div>
</div>
<div id="bordurehflash"></div>
<div id="bordurevflash"></div>

<div id="flash"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload2.macromedia.com/get/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="410" height="220">
<param name="movie" value="flashs finalisés/ballon.swf">
<param name="quality" value="high">
<embed src="flashs finalisés/ballon.swf" quality="high" pluginspage="https://get.adobe.com/flashplayer/" type="application/x-shockwave-flash" width="410" height="220"></embed>
</object></div>
<div id="bordurevflash"></div>
<div id="aerosphair"></div>
<div id="bordurevflash"></div>
<div id="bordurehflash"></div>
</div>
</body>
</html>

Et voici le style.css:

body{
background-color:#42BCFD;
margin:0 auto;
font-family:candara;
text-align:center;
}
/*contenu,pas centrer sur explorer-------------------------*/
#contenu{
width: 767px;
position:relative;
margin-left:auto;
margin-right:auto;
background-color:#0AAAFE;
background-repeat:repeat-y;
}
/* Banniere avec bouton------------------------------------------------------------------*/

#menu a{
text-decoration:none;
color:#0AAAFE;
font-size:22;
}
/*bordure gauche menu------------------------------------*/
#bordureg{
float:left;
width:3px;
height:80px;
background-image:url(image-aerosphair/img01.gif);
background-repeat:repeat;
}
/*bordure droite menu---------------------------------------*/
#bordured{
float:left;
width:4px;
height:80px;
background-image:url(image-aerosphair/img01.gif);
background-repeat:repeat;
}

/*bouton acceuil-----------------------------------------*/
#acceuil{
color:#FF0033;
text-align:center;
float:left;
width:125px;
height:80px;
background-image:url(image-aerosphair/img03.gif);
}
/*separation boutons du menu---------------------------------*/
#centre{
float:left;
width:2px;
height:80px;
background-image:url(image-aerosphair/img01.gif);
background-repeat:repeat;
}
/*boutons du menu---------------------------------------------------*/
#menusuite{
text-align:center;
float:left;
width:125px;
height:80px;
background-image:url(image-aerosphair/img02.gif);

}
#flash{
float:left;
}
/*bordure horizontal du flash--------------------------------*/
#bordurehflash{
float:left;
width:767px;
height:4px;
background-image:url(image-aerosphair/img01.gif);
background-repeat:repeat;
background-attachment: fixed;
;
}
/*bordure vertical du flash------------------------------------*/

#bordurevflash{
float:left;
width:4px;
height:220px;
background-image:url(image-aerosphair/img01h.gif);
background-repeat:repeat;
}
#flash{
float:left;
}
#aerosphair{
float:left;
width:345px;
height:220px;
background-image:url(image-aerosphair/aerosphair.jpg);
background-repeat:no-repeat;
}

#gauche {
width:350px;
margin-left:30px;
text-align:justify;
}
/#stopflot{
clear:both;
}



Merci d'avance pour vos réponse et pour votre aide.
A voir également:

1 réponse

oasis1211 Messages postés 2 Date d'inscription dimanche 26 octobre 2008 Statut Membre Dernière intervention 26 octobre 2008
26 oct. 2008 à 20:18
Vraiment personne ne peux m'aider!?

SVP!!
0