Petit probleme CSS

Résolu/Fermé
flibouk Messages postés 93 Date d'inscription vendredi 6 octobre 2006 Statut Membre Dernière intervention 1 février 2012 - 23 mai 2008 à 17:26
epsiloneIB Messages postés 133 Date d'inscription mardi 20 mai 2008 Statut Membre Dernière intervention 13 septembre 2009 - 23 mai 2008 à 18:39
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

5 réponses

epsiloneIB Messages postés 133 Date d'inscription mardi 20 mai 2008 Statut Membre Dernière intervention 13 septembre 2009 8
23 mai 2008 à 17:38
Bonjour,

Ja'i essayé ton code avec des images à moi, ça marche bien.
Ton blocnews reste bien à droite!

Sinon, explique!

Epsilone
0
flibouk Messages postés 93 Date d'inscription vendredi 6 octobre 2006 Statut Membre Dernière intervention 1 février 2012 11
23 mai 2008 à 17:42
regarde ma page : http://avl.izitux.com/example.html

que je tape du texte la bar de droite descend au fur et a mesure tu voi la différence de couleur sur la page entre l'image de fond et la barre de droite
0
epsiloneIB Messages postés 133 Date d'inscription mardi 20 mai 2008 Statut Membre Dernière intervention 13 septembre 2009 8
23 mai 2008 à 17:46
Je jette un coup d'oeil et je te réponds.

Epsilone
0
flibouk Messages postés 93 Date d'inscription vendredi 6 octobre 2006 Statut Membre Dernière intervention 1 février 2012 11
23 mai 2008 à 18:06
c'est simpa je te remercie d'avance !
0
epsiloneIB Messages postés 133 Date d'inscription mardi 20 mai 2008 Statut Membre Dernière intervention 13 septembre 2009 8
23 mai 2008 à 18:28
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
0
flibouk Messages postés 93 Date d'inscription vendredi 6 octobre 2006 Statut Membre Dernière intervention 1 février 2012 11
23 mai 2008 à 18:34
Merci beaucoup ca marche nikel

merci a toi et bonne continuation et encore merci !
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
epsiloneIB Messages postés 133 Date d'inscription mardi 20 mai 2008 Statut Membre Dernière intervention 13 septembre 2009 8
23 mai 2008 à 18:39
;)

Epsilone
0