On Sep 19, 2007, at 2:41 PM, Anne E. Shroeder wrote:
> I am not clear on why in IE the entire set of text gets moved to a
> separate
> line below the orange bullet (and not indented!) whereas it works
> just fine
> in Firefox? I'm sure it's a special IE bug, but have not found
> anything to
> explain the weirdness.
>
> The basic code is:
> <div class="headline2Col">
> <img src="images/bullet-orange-tiny.gif"
> class="orangeBullet" />
> <a href="#">吕秀莲苏贞昌涉嫌滥用国务机要费</a>
> </div>
>
> .headline2Col
> {
> width: 186px;
> _width:185px;
> margin: 5px 6px 0 0;
> _margin: 5px 6px 0 0;
> padding: 0 0 0 0;
> float: left;
> }
>
> .headline2Col a:link, .headline2Col a:visited {
> display: block;
> width: 186px; <--------------------- This
> _width:185px; <--------------------- Or this
> margin: 0 0 5px 0px;
> _margin:0 0 0 0;
> }
the links, because you declare a width, 'have 'haslayout' set tot true.
As a result, the whole block is moved to the right, but there is not
enough space in the parent block, and the link drops below the image.
Remove the width should fix the issue
Why not use a list ?
Philippe
---
Philippe Wittenbergh
<http://emps.l-c-n.com>
______________________________________________________________________
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/
