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/
