2009-07-29 7 views
0

Je le code suivant:problème CSS dans IE

DIV><TABLE><TBODY><TR><TD> 
<DIV id="namesClass" style="WIDTH: 700px"> 
    <UL style="MARGIN-LEFT: 0px! important; LIST-STYLE-TYPE: none! important"> 
     <LI style="PADDING-RIGHT: 5px; FLOAT: left">Construction hotel</LI> 
     <LI style="PADDING-RIGHT: 5px; FLOAT: left">Associations hotel</LI> 
     <LI style="PADDING-RIGHT: 5px; FLOAT: left">Hotels &amp; Resorts</LI> 
     <LI style="PADDING-RIGHT: 5px; FLOAT: left">Publishers - Directory &amp; Guide hotel</LI> 
     <LI style="PADDING-RIGHT: 5px; FLOAT: left">Advertising Specialties hotel</LI> 
     <LI style="PADDING-RIGHT: 5px; FLOAT: left">Cameras hotel</LI> 
     <LI style="PADDING-RIGHT: 5px; FLOAT: left">Photographic Equipment &amp; Supplies</LI> 
     <LI style="PADDING-RIGHT: 5px; FLOAT: left">Premium Goods &amp; Gift</LI> 
     <LI style="PADDING-RIGHT: 5px; FLOAT: left">Air Conditioning Equipment &amp; Systems hotel</LI> 
     <LI style="PADDING-RIGHT: 5px; FLOAT: left">Alcohol hotel</LI> 
    </UL></DIV> 

</TD><TD vAlign="bottom"><DIV id="moreClass"><SPAN><A href="javascript:addClassifications();">More...</A></SPAN></DIV></TD></TR></TBODY></TABLE></DIV></BODY></HTML> 

le problème est le suivant: lorsque le contenu de li est plus long que la largeur de la div, le contenu tombe en panne, mais pas à partir d'une nouvelle ligne. Vous pouvez voir le résultat lors du test dans IE. Firefox et d'autres semblent bien. Toute aide s'il vous plaît?

+0

besoin code exapmle, style css .. –

+0

J'utilise le style en ligne que vous pouvez voir dans les éléments. – Sinal

+0

essayer de mettre une div min-width Au lieu de la largeur –

Répondre

1

essayez de ne pas flotter mais affichez: inline; le lis et définir quelques paramètres d'espace blanc dans CSS

+0

Cela fonctionne maintenant, merci. Je garde toujours mon flotteur gauche: à gauche, mais j'ajoute un espace blanc: nowrap. – Sinal

0
  1. Essayez de régler une largeur sur le lis
  2. Essayez de régler overflow: hidden sur la ul mère
0

Règle 1. Si vous vous flottez un élément, l'élément auquel il est contenu dans doit ont une largeur.

Règle 2. Inline CSS est une perte d'espace et obscurcit ce qui se passe.

+0

À la règle 2: quelle est la meilleure solution pour les tests? En fait, c'est juste un test. – Sinal