No replies
apmeyer
Offline
newbie
Last seen: 17 years 49 weeks ago
Joined: 2005-02-25
Posts: 1
Points: 0

I'm trying to float a sidebar to the right within some text. However, I'd like the sidebar to appear after the text in the code. Therefore, the old "float:right" won't work becuase the sidebar would have to come before the text.

The text needs to wrap around the box that contains the sidebar, so I can't simply set the left-margin of the content to allow the sidebar to appear as a second column (I'm not going to a two column layout).

Any suggestions?

I'd like to achieve a markup structure like the following sample, but keep the sidebar placed like the attached image (in the attached image, the markup is not in the correct order). Any suggestions would be appreciated!

Thanks.

Sample:

<div id="content">
<p>All my text would appear here.</p>
</div>

<div id="sidebar">
<ul>
<li>Side bar here</li>
</ul>
</div>