IE7 n'agrandit pas une cellule (avec div) pour un echo php trop grand

IE7 n'agrandit pas une cellule (avec div) pour un echo php trop grand - Web design - Graphisme

Marsh Posté le 10-02-2007 à 02:00:33    

Bonjour;
 
Titre pas des plus évident à trouver.
En fait, je refait mon site de facon dynamique;  
cela m'amène à faire un echo"" appelant des données d'une base sql.
Or, tel que mon squelette est fait; la hauteur de la cellule où est fait cet echo ne change pas, même si celui ci demande plus de place pour etre affiché en entier (ce que faisait ie6 et firefox, et ce qui parait normal).
 
Je vous préviens dors et déjà; je risque de me faire taper sur les doigts, j'utilise des tables et cellules.
 
Voici l'adresse du site : www.henol.fr/v2
 
L'endroit qui pose problème se situe où les lignes de "a" sont affichées.
Si vous regardez la source, vous verrez qu'il y a normalement beaucoup plus de "a" que ceux affichés.
 
Cet endroit est constitué d'une div css à l'intérieur d'une cellule.
 
Voici le code css associé
 

Citation :

.contenu {
 display: table;
 background-color: #F8F8F8;
 width: 100%;
 height: 396px;
 padding: 5px;
 border-bottom-width: 3px;
 border-bottom-style: solid;
 border-bottom-color: #F2F2F2;
}


 
le height sert de hauteur minimale; si je l'enlève, cela ne change rien au problème.
Le display : table sert a la compatibilité ie6/firefox 7 ; cela ne change rien si je l'enlève.
 
Pouvez vous m'aider à régler ce problème ?
Merci infiniment


Message édité par Proxounet le 10-02-2007 à 02:01:48
Reply

Marsh Posté le 10-02-2007 à 02:00:33   

Reply

Marsh Posté le 10-02-2007 à 04:06:04    

heu déja si une donnée ne sert a rien, enleve la vraiment, je n'avais jamais vu utiliser un display: table en css.
 
Pour moi il a bien 41 "a" affichés...

Reply

Marsh Posté le 10-02-2007 à 09:37:16    

Ajoute ceci :  
 

Code :
  1. overflow: visible;


 
Ca donne :
 

Code :
  1. .contenu {
  2. overflow: visible;
  3. background-color: #F8F8F8;
  4. width: 100%;
  5. height: 396px;
  6. padding: 5px;
  7. border-bottom-width: 3px;
  8. border-bottom-style: solid;
  9. border-bottom-color: #F2F2F2;
  10. }


 
/!\ J'ai pas zieuté entiérement ton code, mais ça c'est la methode qui permet d'agrandir un div suivant le contenu... Et c'est pas la solution miracle. Ca peut même t'engendrer d'autres problémes...


Message édité par Pyksel le 10-02-2007 à 10:55:49

---------------
Rien est impossible, il suffit d'y croire !
Reply

Marsh Posté le 10-02-2007 à 09:39:21    

Mais ca risque de faire deborder les div...


Message édité par Pyksel le 10-02-2007 à 09:45:41

---------------
Rien est impossible, il suffit d'y croire !
Reply

Marsh Posté le 10-02-2007 à 17:17:07    

Toujours le même problème :/
Pour le display,table; j'en suis arrivé à ce code après de nombreux tests sous ie6 et firefox pour arriver à un même affichage;
 
maintenant c'est ie7 qui fait chier

Reply

Marsh Posté le 10-02-2007 à 19:00:36    

T'as essayer l'overflow... Sous ie7 no soucis avec ie7... no soucis pour netscape et firefox non plus


---------------
Rien est impossible, il suffit d'y croire !
Reply

Marsh Posté le 10-02-2007 à 19:37:11    

Ca fonctionne chez toi en ce moment sous ie7 : http://www.henol.fr/v2 ? (niveau nombre de A, j'entends bien)
Chez moi il ya toujours le même soucis (sous vista, peut etre cela joue-t-il ?)

Reply

Marsh Posté le 11-02-2007 à 18:15:31    

:bounce:

Reply

Marsh Posté le 12-02-2007 à 23:23:55    

sous IE7 firefox, opera, safari, le height est FIXE ce qui signifie que si vous  mettez à votre div un height de 400px de haut, il fera toujours 400px de haut. Alors que sous IE6 et inférieurs, le height n'est pas fixe et le block s'agrandir.
On peut donc considérer le height équivalent au min-height sous les navigateurs.
 
Donc la solution à prendre :  
min-height:400px;
_height:400px /* underscore hack pour IE6 et inférieur */

Reply

Marsh Posté le 13-02-2007 à 16:42:46    

Nickel ca a l'air de fonctionner, merci beaucoup gatsu, tu me sauves  :jap:

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed