After hours of searching the web I found this: give the li's a white- space: nowrap ... and IE6 and IE7 are doing what other browsers do without this little trick!
RedFox On 23 feb, 10:18, RedFox <[email protected]> wrote: > I want article titles (li's) line up form left to right. Here's the > code: > > [code] > ul.directory { > float: left; /* Make parent float if children float! */ > padding: 10px 40px 20px 40px; > > } > > ul.directory li { > float: left; > padding: 0 6px 10px 2px; > font-size: 1.2em; > color: #3e465c; > font-weight: normal; > font-family: Georgia, Times, "Times New Roman", serif; > line-height: 100%; > display: inline;} > > [code] > > In Firefox on a Mac everything is OK. On IE6 and IE7 the li's at the > end of their row don't break at all. Look at my site (under > construction) >http://www.joopvos.nl/acmplus/txp/ > > I did a lot of research but I can't find anything on the web that > helps me with this one. So please feel free to help me ... :) -- -- You received this because you are subscribed to the "Design the Web with CSS" at Google groups. To post: [email protected] To unsubscribe: [email protected]
