Help met css

Ik heb een layout, (http://warrock*forum.nl/) zonder *.
Daar zie je dat de tekst gewoon het kadertje uitgaat.
Hoe kan ik dit oplossen?

(de tekst is het kader uit, maar dan ook weg)

Dankje, ik zal het dit keer ff goed gaan lezen!
toevoeging op 15 maart 2012, 17:25:36:
Gelezen, maar ze leggen me niet uit hoe ik het verander in break-word

Gewoon in je CSS dit zetten:
word-wrap: break-word;

Nu heb ik weinig verstand van CSS. (Ben gister begonnen met tutorials.)
Waar moet ik deze regel precies zetten?

toevoeging op 15 maart 2012, 1823:
Iemand die kan helpen? css:

/* CSS Document */
/*  Stylesheet | Author: Marjolein KFB Design 2012 */

/* main */
body {margin: 0; padding: 0; font-family:Verdana, Tahoma, arial; font-size: 12px; color: #21201c; width: 100%; height: 100%;    
background-image: url(images/bg_site.png);}

#container {width: 837px; margin:0 auto;}
#header {width: 837px; height: 148px; background: url(./images/header.png); margin:15px 0 0 0;}
#header #logo {width: 379px; height: 49px; background: url(./images/logo.png) no-repeat; margin-top: 90px; float:right;}

#menu {width: 837px; height: 32px; background: url(./images/menu.png); margin:15px 0 0 0; padding:0;}
ul {margin:0 0 0 5px; padding:0px; list-style:none;}
li {float:left; display:block; padding:0; margin:0px;}
li a {color:#fff; text-decoration:none; font:bold 13px Verdana; float:left;display:block; height:32px; padding:7px 10px 0 10px;}
li a:hover {background:url(./images/hover.png) repeat-x; font:bold 13px Verdana;display:block; float:left; color:#ebc48e;}

#main {width: 837px; margin: 15px 0 0 0;}
#left {width: 177px; float:left; margin:0;}
.cadrelefttop {width: 177px; height: 32px; background-image: url(./images/cadreleft_top.png); margin:0;}
.cadrelefttop h1 {font: bold 14px Verdana; margin:0; color:#fff; padding: 7px 0 0 5px;}
.cadreleft {width: 177px; overflow:hidden; background: #fff;}
#right {width: 633px; float:left; margin:0 0 0 27px;}
.cadretop {width: 633px; height: 32px; background-image: url(./images/cadre_top.png); margin:0;}
.cadretop h1 {font: bold 14px Verdana; color:#fff; margin:0; padding: 7px 0 0 0; text-align: center;}
.cadre {width: 633px; overflow:hidden; background: #fff;}

#footer {width:837px; height: 32px; margin:0; background-image: url(./images/menu.png);}
#footer h2 {font:12px Verdana; margin:0; padding: 7px 0 0 0; text-align:center;}
.text {padding:5px;}
.textcenter {padding:5px; text-align:center;}
.space {height: 15px;}
img { border:none;}

/* menu items */                                        
a {font-size:12px; color:#6d471b; text-decoration: none;}
a:hover {font-size:12px; color:#ebc48e;}

Je moet de word-wrap in je style.css zetten, bij de div van het vakje...

Ik heb nu me paragraph in een div gezet, zie:

<div id="contenthome">
    <p>Welkom op deze WarrockForum.nl,<br />
    We zijn nog een beetje bezig aan de website, maar na dik een maand knutsellen zijn we eruit gekomen.<br />
    De site is nu helemaal af, alleen komen er nog een paar kleine updates om alles nog leuker en beter te maken.<br />
    Binnekort zullen jullie hierover meer horen, om al het nieuws te bekijken kan je <a href="http://www.warrockforum.nl/topic/2">hier</a> klikken.</br ></p>
  </div>

En heb helemaal onderaan me css het volgende toegevoegt:

#contenthome {
word-wrap: break-word;
}

maar het werkt niet...

Ik ga even voor je kijken!

Riick schreef:

Ik heb nu me paragraph in een div gezet, zie:

<div id="contenthome">
    <p>Welkom op deze WarrockForum.nl,<br />
    We zijn nog een beetje bezig aan de website, maar na dik een maand knutsellen zijn we eruit gekomen.<br />
    De site is nu helemaal af, alleen komen er nog een paar kleine updates om alles nog leuker en beter te maken.<br />
    Binnekort zullen jullie hierover meer horen, om al het nieuws te bekijken kan je <a href="http://www.warrockforum.nl/topic/2">hier</a> klikken.</br ></p>
  </div>

En heb helemaal onderaan me css het volgende toegevoegt:

#contenthome {
word-wrap: break-word;
}

maar het werkt niet...

Heb dit bericht ge-edit.

Voeg dit aan je Css bestand toe!

.break-word {
word-wrap: break-word;
}

En zo moet het php stuk eruit zien

<div>  <div class="break-word">
    <p>Welkom op deze WarrockForum.nl,<br />
    We zijn nog een beetje bezig aan de website, maar na dik een maand knutsellen zijn we eruit gekomen.<br />

    De site is nu helemaal af, alleen komen er nog een paar kleine updates om alles nog leuker en beter te maken.<br />
    Binnekort zullen jullie hierover meer horen, om al het nieuws te bekijken kan je <a href="http://www.warrockforum.nl/topic/2">hier</a> klikken.</br ></p>
  </div>

ipv

<div style="margin-left:auto; margin-right:auto; width:1000px;">  <div id="contenthome">
    <p>Welkom op deze WarrockForum.nl,<br />
    We zijn nog een beetje bezig aan de website, maar na dik een maand knutsellen zijn we eruit gekomen.<br />

    De site is nu helemaal af, alleen komen er nog een paar kleine updates om alles nog leuker en beter te maken.<br />
    Binnekort zullen jullie hierover meer horen, om al het nieuws te bekijken kan je <a href="http://www.warrockforum.nl/topic/2">hier</a> klikken.</br ></p>
  </div>

Als je dit hebt gedaan op de site wil ik het resultaat zien, daarna kan ik verkijken!

En nogsteeds, zie warrock*forum.nl zonder *

Waarom die sterretjes in je domein? Google vindt ze hier niet.

Voor de zekerheid, maar aub

Ik vroeg je ook dit!

Vervang!

Dat had ik al gedaan. het is nu:

<div>  <div class="break-word">
    <p>Welkom op deze WarrockForum.nl,<br />
    We zijn nog een beetje bezig aan de website, maar na dik een maand knutsellen zijn we eruit gekomen.<br />
    De site is nu helemaal af, alleen komen er nog een paar kleine updates om alles nog leuker en beter te maken.<br />
    Binnekort zullen jullie hierover meer horen, om al het nieuws te bekijken kan je <a href="http://www.warrockforum.nl/topic/2">hier</a> klikken.</br ></p>
  </div>

en css:

#contenthome {
.break-word {
word-wrap: break-word;
}

toevoeging op 15 maart 2012, 19:22:47:
oooooww wacht me css heeft een fout idd, hahaha.

toevoeging op 15 maart 2012, 19:23:39:
Veranderd in:

#break-word {
.break-word {
word-wrap: break-word;
}

maar nog niks..