[Résolu] Probleme css

Hello

J'ai un probleme, une div ne s'adapte pas à son contenue heigh.



Sur l'image on voit le problème;
voici le code html:

    <div id="id_content_build_page" class="container text-center content">

			<div id="id_build_page_content" >
					<div id="div_img_build">
						<span class="glyphicon glyphicon-cog" ></span>
					</div>
					<div id="div_text_build">
						Le service est momentanément indisponible.
					</div>
			</div>
		
    </div>

c'est le glyphicon qui est "en dehors"

voici le css..

#id_build_page_content {
  background-color: white;
  height: 100%;
  margin-top: 40px;
  border-radius: 3px;
  color: #555;
  border: 1px solid #ccc;
}
#div_img_build {
  float: left;
  width: 15%;
}
.glyphicon {
  position: relative;
  font-size: x-large;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

j'ai mis un height:100% ou auto.. mais rien n'y fait..
Merci de votre aide.
Modifié par JENCAL (20 Jul 2015 - 15:38)

Bonjour,

un overflow: hidden sur #id_build_page_content corrigera le problème (qui est à cause de ton float:left sur #div_img_build).

Stéphanie W. a écrit :
Pour comprendre pourquoi le overflow:hidden fonctionne, voici http://www.alsacreations.com/astuce/lire/1543-le-contexte-de-formatage-block-en-css.html

Sinon le height:100% fonctionne rarement, surtout sur du flottant. Par contre je suis perdue, t'as repostée la même image, tu peux spécifier un peu plus ton second bug, ou c'est le même que le premier ? Remettre le code mis à jour ? Merci

Hello

Merci pour le lien, je vais le lire attentivement.
Pour l'image, c'est un problème venant de moi,
à la base, dans le premier poste c'est une autre image
chez moi en local j'ai écraser cette image avec une nouvelle capture
en uploadant dans le second poste, cela à remplacer la premier image posté...

le second "bug" est que j'aimerais que la div ai (ait ? aie?) un heitgh a 100% quelque soit la hauteur du text. j'ai du le faire en px, donc en dur.. si je modifie le text je dois également modifier cette hauteur en px...
j'aurais voulu (ETRE UN ARTISTE ! nul..) que cela soit en dynamique avec un 100% sur le height.

mais bon.. en pixel cela marche aussi..
:s
Modifié par JENCAL (20 Jul 2015 - 18:09)

Olivier C a écrit :
100% de la hauteur de l'écran?

Non, 100% de la div parente, le rectangle bleu dans la capture d'écran c'est ce que je veux en 100% du rectangle blanc. .