Overflow Text Question

[Mini]

---

---

On a website I just recently put together I’m having a problem with the text overflowing when I look at it on a laptop. I put the website together in Dreamweaver. When I look at the website on a laptop the text paragraphs run into each other and off the main part of the website. Also, the text is unusually large on a laptop. Does anyone know why this problem is occurring?

Here is the code I’m using:

<td rowspan="12" valign="top" bgcolor="#76808E"><style type="text/css">
body {
font: 11px Arial, Helvetica, sans-serif;
}
div#content {
width: 324px;
height: 700px;
padding: 10px;
border: 1px solid grey;
background: #76808E;
}
        </style>
          <div class="style14 style1" id="content">
            <p class="style12  style4 style5">About Space Clearings</p>
            <p><span class="style12  style4">Cleaning your home keeps the space enjoyable to live in, maintains health and provides a relaxing atmosphere. p>
      </div></td>

[Harry]

The code you're using is pretty nasty, that'll be the problem. I suggest you stop using Dreamweaver and learn to code properly, this should help avoid any such issues in the future.

[blueocto]

---

---

Firstly, as Harry (in a roundabout way) suggested, you are using tables to create the structure of the webpage - this is innaccurate and it is recommended to use a div structure and css for all the styling.
Secondly, you have stated you want font : 11px... but you havent applied this to your < p > tags. Which maybe the reason for the text being the wrong size.
It also depends on what you have in "style12" "style4" and "style5 - why you need so many classes for one item, I'm unsure.