annalein214: Text geht über div hinaus

Beitrag lesen

Hallo,

habe noch einige Probs mit CSS. Ich habe ein nettes Design auf meiner Homepage (http://obirap.homeunix.org/~annalein/), aber der Text geht über das Outline Element hinaus. Habe schon alles mögliche versucht mit % oder mit margin-buttom oder padding-bottom in den verschiedenen div-elementen.

Ich wäre euch super dankbar für Hilfe. Auf meiner Testseite

http://obirap.homeunix.org/~annalein/index.php?doc=todo

findet ihr einen extra langen Text. (Sorry habe gerade nicht finden können wie man einen Link postet)

Also hier die wichtigsten Auszüge aus dem Code:

CSS:

#outline {
    position: relative;
    width: 90%;
    min-height: 800pt;
    margin: 16pt auto 0pt;
    overflow: visible; }

#title {
    width: 90%;
    top: 1pt;
    position: absolute;
    visibility: visible;}

#main-navigation {
    width: 100pt;
    left: 10pt;
    top: 150pt;
    height: 150pt;
    position: absolute;
    visibility: visible;
    padding: 0px;}

#text {
    left: 160pt;
    top: 163pt;
    position: absolute;
    right: 10pt;
    visibility: visible;
    overflow: hidden; }

index.php:

<body>
  <div id="outline">
    <img src="images/gradient.jpg" alt="" height="400pt" width="100%" border="0" />
  <div id="title"></div>
  <ul id="main-navigation"></ul>
  <div id="text"></div>
</div>
</body>