text not wrapping underneath a box in center column

  • Resolved fbaird

    (@fbaird)


    15 years, 5 months ago

    Hi. I’m stumped as to why text is wrapping to the left of, but not below a box I’ve inserted in the center column.

    Site is here: https://66.147.244.158/~newengo4/

    I want the box to show up on all pages. As per the theme-makers’ instructions, I added code for the box at the very end of the “content above the loop” section of code. Code I added is:

    <div class="readers_toolbox">
Some text<br />
Some text<br />
Some more text
</div>

    And, to style the box, the code I added to the appropriate CSS inserts part of the theme is:

    /*Style readers' toolbox */
.readers_toolbox {
	width: 155px;
	float: right;
	border: 1px solid #e5f2ee;
	padding: 8px;
	margin-bottom: 10px;
}

    Any help much appreciated! I’m a long-time Dreamweaver user & this is my first website in WordPress. So far it’s fantastic (except for this glitch ;). Thanks!

Viewing 8 replies - 1 through 8 (of 8 total)

  • I believe it is wrapping correctly, however the margin on the bottom of the readers toolbox is preventing you from seeing what you expect to see.

    .readers_toolbox {
    border:1px solid #E5F2EE;
    float:right;
    margin-bottom:10px;
    padding:8px;
    width:155px;
    }

    I think if you change margin-bottom to 6px or less, you may see what you expect in terms of word wrapping.

    Thread Starter fbaird

    (@fbaird)

    Thanks very much for the reply.

    I changed margin-bottom to 2px (and even tried 0px), and still text is wrapping to the left of the box, but not underneath.

    Still not sure why this is happening…

    Did you clear your cache and revisit the site after making changes to your style sheet? Or at least force a refresh from the server using (Ctrl+F5) ?

    Thread Starter fbaird

    (@fbaird)

    Tried both of those things, and still no dice. Thank you though!

    It has something to do with the way the div I created is interacting with the “above the loop” and “loop” code, but I don’t know what the problem is…

    I’m stumped. I made the changes strictly from the css using firebug from here, and they worked perfectly. Sorry you are unable to duplicate.

    Good luck to you.

    Thread Starter fbaird

    (@fbaird)

    Thanks again for taking the time! Hopefully someone will have run into this glitch and have a suggestion…

    in this part from your html:

    <div class="readers_toolbox">
Some text<br />
Some text<br />
Some more text
</div>

<div class="post-102 page hentry category-uncategorized post" id="post-102">

<div class="post-bodycopy clearfix"><h1>Welcome!</h1>

    removing the ‘clearfix’ seems to solve the problem, which only showed in IE; no idea if this could have follow-up problems later ??

    Thread Starter fbaird

    (@fbaird)

    OK, great, that solved it! Thank you. Hopefully I’ll have no “float” problems, and won’t have to put ‘clearfix’ back in.

    Thanks so much alchymyth! You just improved my whole day, week, month ??

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘text not wrapping underneath a box in center column’ is closed to new replies.