View Full Version : Text wrap around DIV

12-14-2010, 11:00 AM
I have a DIV that floats to the right of my page called #rightinsidediv which is sat inside #maincol. Text will wrap to the left and the bottom of it, but not the top, can someone explain why this is happening and if there's a way of getting the text to wrap across the top of the DIV...!

The DIV with the problem:

#rightinsidediv {
width: 300px;
float: right;
margin-top: 40px;
margin-right: 5px;

Other major DIVs within the layout:

#wrapper {
overflow: visible;
background: url('images/image1.jpg') repeat-y 3px 30px;
#header {
position: relative;
height: 62px;
width: 220px;
background: #B0C4DE;
margin-left: 3px;
margin-top: 3px;
margin-bottom: 4px;
#leftmenu {
width: 120px;
float: left;
margin-left: 3px;
background: #000066;
#maincol {
margin: 0 0 0 123px;
background: #B0C4DE;
min-height: 599px;

I need "position:relative;" on #maincol, due to another DIV that needs to be positioned absolutely at the bottom of the #maincol div.

Hope you can help!

Thanks in advance.

12-14-2010, 11:18 AM
To make text wrap on the top of the div you should make it in your html code. First put text you want to be on the top and only then put the div. After div put text that will appear on the left side and bottom. It would be easier to explain if you post html code here, or a link to the page.