bonsoir,
J'ai le code suivant :
Et les style correspondant :
Voilà ce qu'il se passe : sur IE l'image dès qu'elle est en float passe sous les fonds des deux div .block et .block_content.
Quelqu'un a-t-il déjà rencontré ce problème et connait-il la solution ?
Moi je sèche
Merci
Bonne soirée
J'ai le code suivant :
<div class="block">
<div class="block_content">
<div><img src="img/artistes_bio.gif" class="alignleft" />
Deux ans après “Qu’est-ce qu’on s’fait chier”, Têtes Raides sortiront le 7 novembre leur nouvel album,
“Fragile” (Warner) que le chanteur et auteur Christian Olivier décrit comme plus rock voire “Il y a une évolution,
on est plus électrique, on est revenu à beaucoup de guitares. Au final, il n’y a pas une note d’accordéon”, ajoute
Christian Olivier. “Au début, il y en avait sur trois ou quatre morceaux, mais au fur et à mesure ils n’ont pas
tenu sur le disque. Ce n’était pas réfléchi, on ne cherche pas à mettre de l’accordéon parce qu’il faut mettre de
l’accordéon, c’est la musique qui vient chercher l’instrument”. “Fragile”, neuvième album studio, a été co-réalisé
par Têtes Raides et Denis Barthe (le batteur de Noir Désir) et mixé par Jean Lamoot. Comme pour les précédents
albums du groupe, les Chats Pelés (collectif dont fait partie Christian Olivier) ont réalisé les illustrations.
Le titre “Fragile” ouvre l’album ...À la vie à la mort...C’est par où qu’on sort... basse batterie et guitares
offrent une assise rythmique plus puissante que jamais, sur lequel rebondit une voix aux paroles simples et percutantes.
c’est le lyrisme et les harmonies de “L’oraison” où un quatuor à cordes (arrangements de Romain Humeau) dialogue
avec la guitare électrique : ... le coin de ton coeur interdit...quoi t’as peur dans les mains. ...
</div>
</div>
</div>Et les style correspondant :
body {background-color:#003366; }
.block{
position: relative;
background-image: url(../img/hachures.gif);
margin-bottom: 20px;
padding: 15px 10px;
}
.block .block_content{
background-color: white;
border: 10px solid #3C3C3C;
border-top-style:none;
padding: 5px 5px 5px 5px;
}
img.alignleft {
display: block;
float: left;
margin: 0 10px 10px 0;
border: 2px solid #D6CA00;
}
Voilà ce qu'il se passe : sur IE l'image dès qu'elle est en float passe sous les fonds des deux div .block et .block_content.
Quelqu'un a-t-il déjà rencontré ce problème et connait-il la solution ?
Moi je sèche
Merci
Bonne soirée
