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've been developing a web app on Linux for use in a controlled
environment (users all use firefox/opera - it's a beautiful thing!).
Unfortunately for me 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). Having had my head in server-side stuff for
a while I have got a little rusty on some of the nuances IE has
relating to css. One particular issue is the width on floated divs.
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 ('Some description'), 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 floated div as I would have expected.
## Inline styles for easy viewing
<div style="float:left">
<p>Some description <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 [[email protected]]
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/
