How to wrap text around a div

This is a discussion on "How to wrap text around a div" within the Web Page Design section. This forum, and the thread "How to wrap text around a div are both part of the Design Your Website category.



Go Back   Webforumz.com > Main Forums > Design Your Website > Web Page Design

Notices


Reply
 
LinkBack Thread Tools
  #1 (permalink)  
Old Sep 4th, 2006, 21:59
AdRock's Avatar
SuperMember

SuperMember
Join Date: Jul 2006
Location: Devon, England
Posts: 565
Thanks: 0
Thanked 0 Times in 0 Posts
Send a message via MSN to AdRock
How to wrap text around a div

I would like to wrap text around a div like you can with images but am unsure how to do it.

The reason i need this is becuase the div is going to hold an image.

The reason it's in a div is becuase i am using php and MySQL and one of the records is about a page in length and i need to insert another image hald way down the page.

I can have an image at the top of the page ok but i can't half way through the text
Reply With Quote

  #2 (permalink)  
Old Sep 5th, 2006, 02:06
Ryan Fait's Avatar
SuperMember

SuperMember
Join Date: May 2006
Location: Las Vegas
Posts: 3,786
Thanks: 0
Thanked 0 Times in 0 Posts
Re: How to wrap text around a div

Code: Select all
#imageDiv {
    width: 200px;
    height: 200px;
    float: left;
}
Or float: right;
Reply With Quote
  #3 (permalink)  
Old Sep 5th, 2006, 14:20
moojoo's Avatar
Moderator
Join Date: Aug 2005
Location: Texas
Age: 31
Posts: 1,761
Blog Entries: 1
Thanks: 0
Thanked 18 Times in 18 Posts
Send a message via AIM to moojoo Send a message via MSN to moojoo Send a message via Yahoo to moojoo
Re: How to wrap text around a div

He may aslo want to spcify some margins on that to keep the text at a distance from the div.
__________________
The internet is just a fad.
http://www.mevans76.com
Last Blog Entry: Apps every Mac based web dev should consider (Jul 10th, 2008)
Reply With Quote
  #4 (permalink)  
Old Sep 5th, 2006, 17:54
Ryan Fait's Avatar
SuperMember

SuperMember
Join Date: May 2006
Location: Las Vegas
Posts: 3,786
Thanks: 0
Thanked 0 Times in 0 Posts
Re: How to wrap text around a div

Good point. Although, I've noticed padding seems to be more consistent between IE and Firefox. I'm not really sure why, but IE likes to add more to margins in some cases. I had a deuce of a time figuring out what was going on in my website when IE added 10 pixels to a div's margin for some reason or another.
Reply With Quote
  #5 (permalink)  
Old Sep 5th, 2006, 17:59
moojoo's Avatar
Moderator
Join Date: Aug 2005
Location: Texas
Age: 31
Posts: 1,761
Blog Entries: 1
Thanks: 0
Thanked 18 Times in 18 Posts
Send a message via AIM to moojoo Send a message via MSN to moojoo Send a message via Yahoo to moojoo
Re: How to wrap text around a div

because IE has a retarded view of the box model heh
__________________
The internet is just a fad.
http://www.mevans76.com
Last Blog Entry: Apps every Mac based web dev should consider (Jul 10th, 2008)
Reply With Quote
  #6 (permalink)  
Old Sep 5th, 2006, 18:09
Ryan Fait's Avatar
SuperMember

SuperMember
Join Date: May 2006
Location: Las Vegas
Posts: 3,786
Thanks: 0
Thanked 0 Times in 0 Posts
Re: How to wrap text around a div

Yes indeed, but the box model problem lies mostly with padding and borders on fixed widths, not so much margins.
Reply With Quote
  #7 (permalink)  
Old Sep 5th, 2006, 19:02
moojoo's Avatar
Moderator
Join Date: Aug 2005
Location: Texas
Age: 31
Posts: 1,761
Blog Entries: 1
Thanks: 0
Thanked 18 Times in 18 Posts
Send a message via AIM to moojoo Send a message via MSN to moojoo Send a message via Yahoo to moojoo
Re: How to wrap text around a div

Its all of it but yes, each browser handles padding or margin differently which is where conditional comments and IE hax come into play.
__________________
The internet is just a fad.
http://www.mevans76.com
Last Blog Entry: Apps every Mac based web dev should consider (Jul 10th, 2008)
Reply With Quote
Reply

Tags
wrap, text, around, div

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Similar Threads
Thread Thread Starter Forum Replies Last Post
How to text wrap? Quetzal Web Page Design 9 Jun 3rd, 2008 18:58
How to wrap Text in a button? natoskiii Web Page Design 10 Nov 1st, 2007 00:33
div wrap not working on IE pc jillcary Web Page Design 5 Jul 19th, 2007 17:33
Picture wrap around text? (more info inside) KOinMotion Web Page Design 1 Nov 13th, 2006 09:59
Text wrap - widening space gribble Web Page Design 1 Aug 17th, 2005 03:38


All times are GMT. The time now is 22:18.


Powered by vBulletin®
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.2.0 RC8
© 2003-2008 Webforumz.com : All Rights Reserved

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43