IE6 et hauteur automatique

Eléphant du PHP | 216 Messages

05 mars 2010, 18:02

Bonjour à tous,

Voici mon code HTML

 
<div class="titre04"> 
 
                <div class="titre04_a_bis"> 
                    <input type="checkbox" name="suppr" value="1">                         
                </div> 
                <div class="titre04_b_bis"> 
                    Expéditeur             
                </div> 
                <div class="titre04_c_bis"> 
                    Atque, ut Tullius ait, ut etiam ferae fame monitae plerumque ad eum locum ubi aliquando pastae sunt revertuntur, ita homines instar turbinis degressi montibus impeditis et arduis loca petivere mari confinia, per quae viis latebrosis sese convallibusque occultantes cum appeterent noctes luna etiam tum cornuta ideoque nondum solido splendore fulgente nauticos observabant quos cum in somnum sentirent effusos per ancoralia, quadrupedo gradu repentes seseque suspensis passibus iniectantes in scaphas eisdem sensim nihil opinantibus adsistebant et incendente aviditate saevitiam ne cedentium quidem ulli parcendo obtruncatis omnibus merces opimas velut viles nullis repugnantibus avertebant. haecque non diu sunt perpetrata. 
                </div> 
                <div class="titre04_d_bis"> 
                    Date 
                </div> 
                <div class="titre04_e_bis"> 
                    Répondu 
                </div> 
             
                 
            </div> 
 
 
Mon souci c'est que ma class titre04_c_bis ne aggrandit pas automatiquement en hauteur sur IE6

Et pourtant il me semble avoir fait le nécessaire au niveau CSS

 
.titre04_c_bis 
{ 
width:320px; 
min-height:20px; 
height:20px; 
margin-left:2px; 
margin-top:1px; 
border:none; 
float:left; 
} 
 
 
/* ci dessous non interprété par IE */ 
html>body .titre04_c_bis 
{ 
height: auto; 
min-height:20px; 
 
Merci d'avance pour votre aide.

Eléphanteau du PHP | 12 Messages

05 mars 2010, 19:35

C'est normal non ?
height:20px;

Petit nouveau ! | 1 Messages

12 mars 2010, 17:04

essaie genre :

Code : Tout sélectionner

.titre04_c_bis { min-height:20px; height:auto !important; height:20px; ... }
Pourquoi ?
min-height compris tous sauf IE => pris en compte
height:auto !important; applique à non IE only (IE ne comprends pas !important) + "important" implique ne sera pas écrasé par une propriété pouvant venir à la ligne suivante.
height => sur IE les bloc par default sont auto xpand. le !important de la ligne au dessus fait que le height=fixe ne sera pas pris en compte sur FF & al.

donc : Bien respecter l'order et ca devrait rouler tout seul.