Jump to content
DarkxPunk

Text not wrapping in div?

Recommended Posts

Hey everyone, So I am confused... Why does one div have the text wrap in it, but not the second... No odd CSS... What you guys think? HTML:

 <!DOCTYPE html><html><head><meta charset="utf-8"><title>Susan Patterson RMT, CDT: Services</title><meta name="description" content="Susan Patterson RMT, CDT: I am therapist practicing in Toronto, Ontario, Canada. Learn about my services."><script src="js/fx.js" type="text/javascript"></script><!--[if !lte IE 7]><![IGNORE[--><![IGNORE[]]><link href="css/style.css" type="text/css" rel="stylesheet"><!--<![endif]--><!--[if IE 6]> <link href="css/ie6.css" type="text/css" rel="stylesheet"> <![endif]--><!--[if IE 7]> <link href="css/ie7.css" type="text/css" rel="stylesheet"> <![endif]--></head><body><div id="wrap"><div id="banner"><h1>Susan Patterson RMT, CDT</h1></div><div id="navWrap"><ul id="nav"><li class=" nav"><a href="index.php">HOME</a></li><li class="current nav"><a href="services.php">SERVICES</a></li><li class=" nav"><a href="faq.php">FAQ</a></li><li id="nContact" class=" nav"><a href="contact.php">CONTACT</a></li></ul></div><div id="contactBar"><h6>Book an Appointment: Tel: <a id="tel" href="tel:4168750152">(416) 875-0152</a>E-Mail: <a href="mailto:susanpatterson@ormt.ca">SusanPatterson@ormt.ca</a></h6></div><div id="content"><div id="sectL"><div id="services"></div><div id="meaning"><h3>Discover my practice:</h3><p class="indent">My name is Susan Patterson, I am a Registered Massage Therapist and Certified Vodder Combined Decongestive Therapist. I fell into this career. A fall which lead me to the most rewarding career I could ever wish for.</p><p>In 2003, I slipped and fell causing major injuries. I recovered, with the help of a Registered Massage Therapist, this experience inspired me. I went from barely able to crawl to walking upright and pain free into the Sutherland-Chan School and Teaching Clinic. By 2006, I was a Registered Massage Therapist.</p><p>It is very rewarding to have the skills to help others along their path to better health. Where it be one of recovery or prevention.</p><p>In 2009, I became a Certified Vodder Combined Decongestive Therapist. As a CDT, I help people maintain their lymphedema.</p><p>I believe it is important to constantly update my skills and learn new techniques. Presently I am trained in NISA myofascial release and cranial.</p><p>If you require treatment or have any questions about massage therapy or manual lymph drainage, feel free to read about the techniques or contact me.</p></div></div><div id="sectS"><div id="prices"><p>CONTECT ASLJFhaskjfhsdlkghaeoghawoighawoighwoighawoighwoighwoighwoighawoighwoIGHWOIAGHAWRG</p></div></div></div></body></html>

CSS:

/* Reset */* {margin: 0;border: 0;padding: 0;font-family: "Lucida Sans Unicode",sans-serif;}html,body {width: 100%;height: 100%;}body {background: url(../image/bg.png) repeat-x;}h1 {font-size: 200%;} h2 {font-size: 150%;} h3 {font-size: 120%;} h4 {font-size: 100%;} h5 {font-size: 80%;} h6 {font-size: 70%;}p,li {font-size: 100%;} sup {font-size: 55%;}/* Group Formatting */a {text-decoration: none;color:#a400c7;}.indent {text-indent: 2.0em;}#wrap,#banner,#picture,#info {margin: 0 auto 0;width: 900px;}#banner,#info h3,#info h4,#about h3,#about h4 {color: #622d90;}#navWrap,#content,#sectL,#sectS {overflow: hidden;}#navWrap,#nav li,#contactBar a#tel,#about,#picture {border: 1px solid #622d90;}#nav li,#contactBar a#tel {border-width: 0 1px 0 0;}#nav li,#sectL,#sectS {float: left;}#nav li,#nav a {padding: 0 5px 0;}#nav a {color: #000000;}/* Wrap */#wrap {padding: 0 10px 10px;min-height: 100%;height: auto !important;height: 100%;background: #ffffff;-moz-box-shadow: 0 0 5px #000000;-webkit-box-shadow: 0 0 5px #000000;box-shadow: 0 0 5px #000000;}/* Banner */#banner {height: 150px;background: url(../image/logo.png) no-repeat left center;display: table-cell;vertical-align: middle;text-align: center;}#banner h1 {color: #622d90;}/* Navigation */#navWrap {border-left: none;border-right: none;padding: 5px 0;}#nav {height: 25px;}#nav li {border-color: #d193df;list-style: none;display: inline-block;}#nav a:hover,.current a {background: #d193df;}#nav li#nContact {border: none;}/* Contact Bar */#contactBar {padding: 5px 0;text-align: right;}#contactBar h6 {font-weight: normal;}#contactBar a#tel {margin: 0 5px 0 0;padding: 0 5px 0 0;}/* Content */#sectL {width: 620px;}#sectS {width: 280px;}#profile {padding: 0 9px 0 0;}#picture {width: 150px;height: 150px;border: ridge;}#info {width: 271px;padding: 10px 0;}#about {border-width: 0 0 0 1px;padding: 10px;}#about p {padding: 10px 0 0 5px;}#services {height: 100px;}#prices {height: 500px;}

Thanks for any help.

Edited by DarkxPunk

Share this post


Link to post
Share on other sites

Text only wraps when it finds spaces, punctuation or line breaks. You have a really long word there.

  • Like 1

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

×
×
  • Create New...