Nouveau WRInaute
Boujour,
je viens demander de l'aide parce que je n'ai plus de cheveux à force de me les arracher lol
Je commence une nouvelle version de mon site, je le refai tout doucement en css.
Voila mon problème. J'ai commencer l'entete de mon site, tout s'affiche correctement dans IE.
Avec Firefox il y a un problème sur un DIV. Je ne sais plus quoi faire, je me demande si c'est parce que ce div est en position aboslue ou quoi.
Bref voici le css :
et voici le HTML :
faite l'essai, normallement dans IE totu s'affiche correctement, mais avec mozilla j'ai un calque, celui qui fait l'arrondi du tableau en bas à droite qui ne se place pas correctement et je ne vois pas pk.
Sinon j'ai une autre question, j'utilise dreamweaver pour coder tout sa, j'ai remarqué que dans la partie code quand je fais un retour à la ligne, le css l'interprete comme un espace. Du coup cela fausse l'affichage.
par exemple si je fais
La il n'y pas le problème. Mais si je fais :
il me fera un espace entre les 2 divs, et cela me gène quand je scripte dans dreamweaver car tout le code apparait en bloc.
Voila je sais bcp de question mais je ne m'en sors plus lol
Merci d'avance.
je viens demander de l'aide parce que je n'ai plus de cheveux à force de me les arracher lol
Je commence une nouvelle version de mon site, je le refai tout doucement en css.
Voila mon problème. J'ai commencer l'entete de mon site, tout s'affiche correctement dans IE.
Avec Firefox il y a un problème sur un DIV. Je ne sais plus quoi faire, je me demande si c'est parce que ce div est en position aboslue ou quoi.
Bref voici le css :
Code:
body{text-align:center}
div#container{width:1200px; margin:0 auto; border: 0; text-align: left; }
div#header { height:130px; background: #EEE;color: #79B30B; width: 995px; margin: 0 auto; border: 0; }
div#headerbas { height:32px; background: #EEE;color: #79B30B; width: 995px; margin: 0 auto; border: 0; background-image: url(images/fondentete.gif); position:relative }
div#arrondiheader { position: absolute; right:0; width: 15px; height:32px }
et voici le HTML :
Code:
<div id="container">
<div id="header"><a title="www.renobijoux.com, spécialiste du bijoux,bague,pendentif,collier,bracelet,boucles d'oreilles,argent,plaqué or,acier,or" href="http://www.renobijoux.com"><img src="/images/entete1.jpg" width="744" height="130" border="0" alt="www.renobijoux.com, spécialiste du bijoux,bague,pendentif,collier,bracelet,boucles d'oreilles,argent,plaqué or,acier,or" /></a><img src="/images/entete2.gif" alt="Qualité" width="251" height="130" /><div id="headerbas"><a href="http://www.renobijoux.com"><img src="/images/entete3.gif" alt="logo" width="123" height="32" border="0" /></a><a href="http://www.renobijoux.com"><img src="/images/boutonaccueil.jpg" width="63" height="32" border="0"></a><a href="/bijoux-homme.htm"><img src="/images/boutonhomme.gif" width="70" height="32" border="0"></a><a href="/bijoux-femme.htm"><img src="/images/boutonfemme.gif" width="71" height="32" border="0"></a><a href="/bijoux-enfant.htm"><img src="/images/boutonenfant.gif" width="76" height="32" border="0"></a><img src="/images/boutonpanier.jpg" width="54" height="32"><div id="arrondiheader"><img src="/images/coinentete.jpg" width="15" height="32" class="arrondiheader"></div>
</div>
</div>
</div>
faite l'essai, normallement dans IE totu s'affiche correctement, mais avec mozilla j'ai un calque, celui qui fait l'arrondi du tableau en bas à droite qui ne se place pas correctement et je ne vois pas pk.
Sinon j'ai une autre question, j'utilise dreamweaver pour coder tout sa, j'ai remarqué que dans la partie code quand je fais un retour à la ligne, le css l'interprete comme un espace. Du coup cela fausse l'affichage.
par exemple si je fais
Code:
<div>texte 1></div><div>texte 2</div>
Code:
<div>texte 1></div>
<div>texte 2</div>
il me fera un espace entre les 2 divs, et cela me gène quand je scripte dans dreamweaver car tout le code apparait en bloc.
Voila je sais bcp de question mais je ne m'en sors plus lol
Merci d'avance.