Petit probleme CSS [Résolu/Fermé]

Messages postés
93
Date d'inscription
vendredi 6 octobre 2006
Statut
Membre
Dernière intervention
1 février 2012
- - Dernière réponse : 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
Afficher la suite 

5 réponses

Messages postés
133
Date d'inscription
mardi 20 mai 2008
Statut
Membre
Dernière intervention
13 septembre 2009
8
0
Merci
Bonjour,

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

Sinon, explique!

Epsilone
flibouk
Messages postés
93
Date d'inscription
vendredi 6 octobre 2006
Statut
Membre
Dernière intervention
1 février 2012
11 -
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
Messages postés
133
Date d'inscription
mardi 20 mai 2008
Statut
Membre
Dernière intervention
13 septembre 2009
8
0
Merci
Je jette un coup d'oeil et je te réponds.

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

merci a toi et bonne continuation et encore merci !
Messages postés
133
Date d'inscription
mardi 20 mai 2008
Statut
Membre
Dernière intervention
13 septembre 2009
8
0
Merci
;)

Epsilone