Scott Thigpen wrote:
> Hi,
> I'm having a text wrapping issue on one of my pages. It works fine in
> safari and firefox, but not in IE7
> here is the page at hand
> http://www.sthig.com/ggj/about.html
> and here is my css
> http://www.sthig.com/ggj/css/ggj.css
> I tried in the inline-block but that did not work. Any ideas?
> Thanks!
> Scott
> S c o t t T h i g p e n
> Illustrative Designer
> art: http://www.sthig.com
> design: http://www.thigpendesigns.com
> Phone: 770.527.3958
Hi Scott,
It looks your IE trouble stems from this:
#conent p {
margin-top: 0px;
padding-top: 0px;
width: 600px;
margin-right: auto;
margin-left: auto;
margin-bottom: 0px;
}
The width setting on that paragraph makes the paragraph encapsulate a
floated child element. This is sometimes sought out, often for multi
column layouts.
In your case, it's causing the paragraph to behave in a manner opposite
of what is expected. To fix it, you need to prevent "hasLayout" from
occurring on the paragraph. In this case, theoretically this should do
it (barring something else I didn't see in the stylesheet):
#conent p {
margin-top: 0px;
padding-top: 0px;
width: auto;
margin-right: 104px;
margin-left: 103px;
margin-bottom: 0px;
}
...and I didn't test it on my Windows system, so I can't say for sure
that it'll work.
Hope it helps.
--Bill
--
/**
* Bill Brown
* TheHolierGrail.com & MacNimble.com
* From dot concept...to dot com...since 1999.
***********************************************/
______________________________________________________________________
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/
