28221 sujets

CSS et mise en forme, CSS3

[ resolu ]Un absolute qui gene

Bonjour a tous
J'ai un petit probleme de absolute.
Vous pouvez voir le probleme ici => http://www.omsalam.com/decoupe11/index2.htm

En faite il y a une image qui represente toute la largeur qui se repentent, mais avec le absolute elle ne se repentetn pas.Si vous pouvez m'aider, voici mes codes, merci

<div class="global">
<div class="header"></div>


 <div class="menu">
  <div class="menutitre"><p class="texte">Question</p></div>
  <p class="texte">
  - salut <br />
  - Bonjour <br />
  - Comment <br />
  - Va tu ? <br />
  </p>

  <div class="menutitre"><p class="texte">Responde</p></div>
  <p class="texte">
  - Ca va  <br />
  - tres bien <br />
  - merci <br />
  - et toi ? <br />
  </p>
 
 </div>
<div class="news">
 <div class="titrenews"><p class="texte">news n°1 tets</p></div>
  <p class="texte">Cras leo nibh, aliquet nec, interdum et, consequat sed, nulla. Praesent
tempus. Aliquam dui nulla, suscipit nec, consectetuer a, us. Integer nec arcu ac dui placerat rutrum. Maecenas tempus nec, erat</p>
</div>

<div class="footer"></div>

</div>





.global {
background-image: url('images/barprin.jpg');
width: 800px;
}

.header {
background-image: url('images/header.jpg');
width: 800px;
height: 184px;
margin-bottom: 7px;
}

.menu {
margin-left:40px;
width: 132px;
background-image: url('images/barmenu.jpg');
}

.menutitre {
width: 132px;
height: 26px;
background-image: url('images/menutitre.jpg');
}
.texte {
margin-left: 5px;
margin-right: 5px;
}


.news {
position:absolute;
top: 200px;
left: 180px;
background-image: url('images/barnews.jpg');
width:566px;
}

.titrenews {
background-image: url('images/titrenews.jpg');
width: 566px;
height:20px;
}

.footer {
background-image: url('images/footer.jpg');
width: 800px;
height:25px;
clear:both;
}

Modifié le 16 Jan 2005 - 13:56
1 - Un conteneur pour inclure le menu et les news,
2 - Le menu en float: left;,
3 - vire la position absolue de .news,
4 - Rajoute un margin-left: 132px; à cette même .news
Modifié le 16 Jan 2005 - 12:46
Oui met si je met le menu en float left ca le decale out, est ca fait des difference de marges avec Ie et mozilla, pariel pour un float right sur les news

et au passage est ce que l'utilistaion des absolute est deconseillé ?
Sujet clos
Aller à