Retour à Forum de site web

Obtenir un div à être de la même taille que vous?

  • dsgn
  • Born
  • Born
  • No Avatar
  • Inscription: Juil 27, 2008
  • Messages: 1
  • Status: Offline

Message Juillet 27th, 2008, 8:33 am

J'ai un problème. Comment puis-je faire une div (qui a une image d'arrière-plan répétées) à la même hauteur de ce que la #est dans son conteneur?

Si je fais par exemple pour dire <div id="container"> <div id="image" style="height: 100%"> </ div> </ div> il fait #image 100% de la fenêtre du navigateur, et non pas de la #conteneur div ses po
  • Anonymous
  • Bot
  • No Avatar
  • Inscription: 25 Feb 2008
  • Messages: ?
  • Loc: Ozzuland
  • Status: Online

Message Juillet 27th, 2008, 8:33 am

  • digitalMedia
  • a.k.a. dM
  • Genius
  • Avatar de l’utilisateur
  • Inscription: Déc 29, 2003
  • Messages: 5169
  • Loc: SC-USA
  • Status: Offline

Message Juillet 27th, 2008, 9:19 am

Im un peu confus. Vous voulez que l'enfant <div> d'avoir un arrière-plan que les barèmes de la pare pas <div>?
- dM
  • Bogey
  • Bogey
  • Genius
  • Avatar de l’utilisateur
  • Inscription: Juil 14, 2005
  • Messages: 8211
  • Loc: USA
  • Status: Offline

Message Juillet 27th, 2008, 10:23 pm

comme celui-ci...

Le CSS
CSS Code: [ Select ]
.background {
 background-image: url('images/image.jpg');
 width: 200px;
 height: 100%;
 position: absolute;
}
 
#container {
 position: relative;
 height: auto;
 width: 900px;
 margin: 0 auto;
}
  1. .background {
  2.  background-image: url('images/image.jpg');
  3.  width: 200px;
  4.  height: 100%;
  5.  position: absolute;
  6. }
  7.  
  8. #container {
  9.  position: relative;
  10.  height: auto;
  11.  width: 900px;
  12.  margin: 0 auto;
  13. }

Et le HTML
HTML Code: [ Select ]
<html>
<head>
 <title>Test Page</title>
</head>
<body>
<div id="container">
 <div class="background">
 <p>Whatever</p>
 </div>
</div>
</body>
</html>
  1. <html>
  2. <head>
  3.  <title>Test Page</title>
  4. </head>
  5. <body>
  6. <div id="container">
  7.  <div class="background">
  8.  <p>Whatever</p>
  9.  </div>
  10. </div>
  11. </body>
  12. </html>
"Bring forth therefore fruits meet for repentance:" Matthew 3:8

Page 1 sur 1

Afficher de l'information

  • Total des messages de ce sujet: 3 messages
  • Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 153 invités
  • Vous ne pouvez pas poster de nouveaux sujets
  • Vous ne pouvez pas répondre aux sujets
  • Vous ne pouvez pas éditer vos messages
  • Vous ne pouvez pas supprimer vos messages
  • Vous ne pouvez pas joindre des fichiers
 
 

© 2011 Unmelted, LLC. Ozzu® est une marque déposée de Unmelted, LLC