Petit probleme CSS
Résolu
Bonjour,
Débutant dans le CSS, j'ai créé un css qui en gros donne une page contenant 5 morceaux haut de page, coté droit coté gauche, pied et centre.
Mon problème est quand j'insère mes données dans le centre le coté doit descend !
div {
text-align:center;
}
div#bandeau {
margin-left: -10px ;
margin-top : -15px;
width:981px;
height:249px;
background-color:#BADFCD;
background-image:url(Image2.jpg);
}
div#titre {
margin-left: 229px ;
margin-top : 191px;
width:573px;
height:58px;
background-color:#BADFCD;
background-image:url(titreaccueil.jpg);
}
div#menu {
margin-left: -10px ;
float:left;
width:258px;
height:453px;
background-color:##BADFCD;
background-image:url(3.jpg);
}
div#blocnews {
margin-left: 916px ;
margin-top:-16px;
width:55px;
height:481px;
background-color:##BADFCD;
background-image:url(image_013.jpg);
}
div#pied_page {
margin-left: 245px ;
width:680px;
height: 25px;
background-color:#BEDEC7;
}
mon code html :
<div id="bandeau">
<div id="titre"></div>
</div>
<div id="menu"></div>
<div id="contenu"></div>
blablablabla
<div id="blocnews"></div>
<div id="pied_page"></div>
Donc je veux inscrire des info (blablabla) au centre de la page sans que blocnews bouge !
comment faire ?
merci de m'aider
Débutant dans le CSS, j'ai créé un css qui en gros donne une page contenant 5 morceaux haut de page, coté droit coté gauche, pied et centre.
Mon problème est quand j'insère mes données dans le centre le coté doit descend !
div {
text-align:center;
}
div#bandeau {
margin-left: -10px ;
margin-top : -15px;
width:981px;
height:249px;
background-color:#BADFCD;
background-image:url(Image2.jpg);
}
div#titre {
margin-left: 229px ;
margin-top : 191px;
width:573px;
height:58px;
background-color:#BADFCD;
background-image:url(titreaccueil.jpg);
}
div#menu {
margin-left: -10px ;
float:left;
width:258px;
height:453px;
background-color:##BADFCD;
background-image:url(3.jpg);
}
div#blocnews {
margin-left: 916px ;
margin-top:-16px;
width:55px;
height:481px;
background-color:##BADFCD;
background-image:url(image_013.jpg);
}
div#pied_page {
margin-left: 245px ;
width:680px;
height: 25px;
background-color:#BEDEC7;
}
mon code html :
<div id="bandeau">
<div id="titre"></div>
</div>
<div id="menu"></div>
<div id="contenu"></div>
blablablabla
<div id="blocnews"></div>
<div id="pied_page"></div>
Donc je veux inscrire des info (blablabla) au centre de la page sans que blocnews bouge !
comment faire ?
merci de m'aider
Configuration: Windows Vista Internet Explorer 7.0
5 réponses
-
Bonjour,
Ja'i essayé ton code avec des images à moi, ça marche bien.
Ton blocnews reste bien à droite!
Sinon, explique!
Epsilone -
Je jette un coup d'oeil et je te réponds.
Epsilone -
Moi je te conseille d'utiliser les tableaux : <TABLE>
Sinon ça, ajoute un petit SPAN, j'ai essayé avec et ça marche nickel :
<div id="bandeau">
<div id="titre"></div>
</div>
<div id="menu"></div>
<div id="contenu">
<SPAN style="width:590; height:390; display:block;position: absolute; top:100 px; left: 30 px;overflow: auto;scrollbar-base-color: #FF9933;scrollbar-arrow-color:#313996;">
<p>dzadzadada
aaaaaaaaaaaaaaa</p>
<p>dazd</p>
<p>zdad</p>
<p>azdzad</p>
<p> </p>
</SPAN>
</div>
<div id="blocnews"></div>
<div id="pied_page"></div>
Biensur, tu modifies le height et le width de ton SPAN.
Bon courage!
Epsilone -
Merci beaucoup ca marche nikel
merci a toi et bonne continuation et encore merci ! -
;)
Epsilone
