Précédent   Forum des professionnels en informatique > Webmasters - Développement Web > CSS
CSS Forum d'entraide sur l'utilisation des feuilles de style CSS. Avant de poster : Cours CSS, FAQ CSS, Galerie CSS
Partagez cette discussion sur d'autres réseaux sociaux : Viadeo Twitter Google Facebook Digg Delicious MySpace Yahoo
Réponse Proposer ce sujet en actualité
 
Outils de la discussion
Publicité
'
Vieux 12/10/2011, 20h25   #1
Membre régulier
 
Avatar de flotho
 
Homme Florent THOMAS
Architecte de système d'information
Inscription : novembre 2006
Messages : 130
Détails du profil
Informations personnelles :
Nom : Homme Florent THOMAS
Localisation : France, Pyrénées Orientales (Languedoc Roussillon)

Informations professionnelles :
Activité : Architecte de système d'information

Informations forums :
Inscription : novembre 2006
Messages : 130
Points : 87
Points : 87
Envoyer un message via Skype™ à flotho
Par défaut Background et div flottantes : Incompatibilité?

Bonjour,

J'ai une séquence HTML qui se résume à cela (en gras ce qui m'intéresse):
Code :
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<html>
  <head>
    <title></title>
    <meta content="">
    <style></style>
	<link href="./css/product.css" rel="stylesheet" type="text/css" media="all" />
  </head>
  <body>
    <div id="additionnalInformations">
        <div id="additionnalUsefull"></div>
        <div id="additionnalInformationsContent"></div>
    </div>
</body>
</html>
Dans mon css j'ai la chose suivante :
Code :
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
#additionnalInformations {
    background-image: url("../img/product_cartouche_repeat.png");
    background-repeat: repeat-y;
    margin: 0;
    min-height: 10px;
    width: 704px;
}
#additionnalUsefull {
    float: left;
    min-height: 150px;
    width: 170px;
}
#additionnalInformationsContent {
    float: left;
    min-height: 150px;
    width: 500px;
}
Mon problème n'est pas dans le positionnement des div qui est conforme à ce que j'attends.
Mon problème est que le background ne se répète pas sur la totalité de la hauteur.
En résumé, là où j'espère obtenir 150px, je n'en ai que 10px(corresponant à la hauteur minimale).

Merci de votre retour
__________________
Créateur www.kipigo.com
Fondateur www.tdeo.fr
Linux | Java | J2EE | NB Platform | Pentaho | PostgreSQL
flotho est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 12/10/2011, 21h54   #2
Membre du Club
 
Homme
Développeur informatique
Inscription : décembre 2009
Messages : 40
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : France

Informations professionnelles :
Activité : Développeur informatique

Informations forums :
Inscription : décembre 2009
Messages : 40
Points : 66
Points : 66
Bonjour,

Avez-vous essayé en rajoutant overflow: hidden à #additionnalInformations ?

Code :
1
2
3
4
5
6
7
8
#additionnalInformations {
    background-image: url("../img/product_cartouche_repeat.png");
    background-repeat: repeat-y;
    margin: 0;
    min-height: 10px;
    width: 704px;
    overflow: hidden;
}
Pourcentage est déconnecté   Envoyer un message privé Réponse avec citation 10
Vieux 12/10/2011, 21h56   #3
Membre régulier
 
Avatar de flotho
 
Homme Florent THOMAS
Architecte de système d'information
Inscription : novembre 2006
Messages : 130
Détails du profil
Informations personnelles :
Nom : Homme Florent THOMAS
Localisation : France, Pyrénées Orientales (Languedoc Roussillon)

Informations professionnelles :
Activité : Architecte de système d'information

Informations forums :
Inscription : novembre 2006
Messages : 130
Points : 87
Points : 87
Envoyer un message via Skype™ à flotho
Un grand merci pour votre réponse rapide.
__________________
Créateur www.kipigo.com
Fondateur www.tdeo.fr
Linux | Java | J2EE | NB Platform | Pentaho | PostgreSQL
flotho est déconnecté   Envoyer un message privé Réponse avec citation 00
Réponse Proposer ce sujet en actualité Cette discussion est résolue.
Outils de la discussion



Fuseau horaire GMT +2. Il est actuellement 04h51.


 
 
 
 
Partenaires

Hébergement Web