Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New Coder
    Join Date
    Nov 2010
    Posts
    48
    Thanks
    7
    Thanked 0 Times in 0 Posts

    Text wrap around DIV

    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:

    Code:
    #rightinsidediv {
    	width: 300px;
    	height:100%;
    	float: right;
    	margin-top: 40px;
    	margin-right: 5px;
    	margin-left:8px;
    }
    Other major DIVs within the layout:

    Code:
    #wrapper {
    	position:relative;
    	height:100%;
    	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;
            height:100%;
    	float: left;
    	margin-left: 3px;
    	background: #000066;
    }
    #maincol {
    	margin: 0 0 0 123px;
    	background: #B0C4DE;
    	min-height: 599px;
    	height:100%;
    }
    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.

  • #2
    New Coder
    Join Date
    Dec 2010
    Posts
    12
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •