Hi List, Been a while since I've been about on this list, and indeed dealing with these kind of problems so thanks in advance for any advice you might give!
I develop a web app on Linux for use in a controlled environment (users all use firefox/opera - it's a beautiful thing!). Unfortunately I am now trying to make it functional in IE (7 and up - although I will probably do some testing on 6 we won't be officially supporting it). It has been a while since my website design days, and I have got a little rusty on some of the nuances IE has. One particular issue is the width on floats. The biggest issue I am having is that currently my layout assumes that a floated div will 'wrap' around its content which it seems to in FF, Opera, Chrome etc... in IE 7 however the floated div seems to be 100% of the window in some cases... Example: ## In FF the below would show a some left aligned description text above the table, a right aligned link (top right corner of table) followed by the table. ## In IE 7 however the link is on the right hand side of the page. Setting the width of the div seems to take the percentage from the page not the parent div as I would have expected. ## Inline styles for easy viewing <div style="float:left"> <p>Some paragraph <a href="#" style="float : right;">Interesting Link</a></p> <table> <thead> <tr> <th>Col 1</th> <th>Col 2</th> <th>Col 3</th> <th>Col 4</th> <th>Col 5</th> <th>Col 6</th> <th>Col 7</th> <th>Col 8</th> </tr> </thead> <tbody> <tr> <td>Blah</td> <td>Blah</td> <td>Blah</td> <td>Blah</td> <td>Blah</td> <td>Blah</td> <td>Blah</td> <td>Blah</td> </tr> <tr> <td>Blah</td> <td>Blah</td> <td>Blah</td> <td>Blah</td> <td>Blah</td> <td>Blah</td> <td>Blah</td> <td>Blah</td> </tr> <tr> <td>Blah</td> <td>Blah</td> <td>Blah</td> <td>Blah</td> <td>Blah</td> <td>Blah</td> <td>Blah</td> <td>Blah</td> </tr> </tbody> </table> </div> ______________________________________________________________________ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/