On 10/10/2011 12:17 AM, Jeff Ferrell wrote:
*Sigh* -- I'm getting nowhere with this and hoping someone can help.
On pages like this http://rchseaglesnest.org/extra/dread-test/ and
this http://rchseaglesnest.org/pumpkin/, I've got some boxes floated
to the right -- one holding an image, and the other, beneath it, that
can potentially hold a list of links. Depending on the size of the
image and the length of the links list, widths and heights may vary.
Right now, I've got both boxes contained in another div, so the
structure's roughly like this:
<div#container> <div#photo> </div> <div#links> </div> </div>
I'd like for the surround text to "wrap in" around the narrower links
box. But if I take the container div away, the links box ends up a
considerable distance further down the page, all by itself. Can
anyone explain that behavior for me? The only way I've found to keep
both boxes together is to wrap them inside that other div, which
gives me gap in the body text I'd rather not have.
Is there any way to get the text to flow the way I'd like? Or am I
just stuck?
Thanks! Jeff.
I guess you have not noticed the below CSS contained in the selectors on
line 1078 and line 1877.
#review-meta-container, #post-meta-container {
float: right;
margin-left: 10px;
margin-bottom: 10px;
}
#post-meta-container {
float: right;
}
It seems to work (text flowing around boxes) if you change the later to
this.
#post-meta-container {
float: none;
}
--
Alan Gresley
http://css-3d.org/
http://css-class.com/
______________________________________________________________________
css-discuss [css-d@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/