DarkxPunk Posted September 17, 2012 Share Posted September 17, 2012 (edited) 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 September 17, 2012 by DarkxPunk Link to comment Share on other sites More sharing options...
Ingolme Posted September 17, 2012 Share Posted September 17, 2012 Text only wraps when it finds spaces, punctuation or line breaks. You have a really long word there. 1 Link to comment Share on other sites More sharing options...
dsonesuk Posted September 17, 2012 Share Posted September 17, 2012 #prices {height: 500px; word-wrap: break-word;} 1 Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now