Text geht über div hinaus

[annalein214]

Versuch´es mal mit reinem margin/padding und positioniere, wenn überhaupt, nur das äußere div.

Hi Claus,

so habe ich es nun gemacht. Klasse, es klappt. Nun beginnt aber der Text erst relativ weit unten, immer auf der gleichen Höhe, die sich meiner Meinung nach durch nichts auszeichnet. Ich weiß nicht warum er nicht früher beginnt. Hättest du da noch einen Tipp.

Da ich nicht weiß, was falsch ist, poste ich mal den kompletten CSS Code:

#outline {
    position: absolute;
    left: 5%;
    width: 90%;
    margin: 16pt auto 0pt;
    padding-bottom: 16pt;
    border: solid 1px #999;
    border-right: solid 1px #999;
    border-left: solid 1px #999;
    border-bottom: solid 1px #999;
    overflow: visible; }

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

#main-navigation {
    width: 110pt;
    left: 20pt;
    top: 150pt;
    position: absolute;
    visibility: visible;
    padding: 0px;
    line-height: 26pt;
    list-style: none;
    font-size: 16pt;}

#text {
    left: 0pt;
    top: 0pt;
    right: 0pt;
    margin-top:0pt;
    margin-left: 160pt;
    margin-right: 10pt;
    visibility: visible;
    overflow: hidden; }

p {
    color: #666;
    font-size: 12pt;
    font-family: "Lucida Grande", Arial, sans-serif;
    font-weight: normal;
    margin-top: 0px; }

h4 { color: #666;
    font-size: 40pt;
    font-family: "Lucida Grande", Arial, sans-serif;
    font-weight: bold;
    text-align: left;
    letter-spacing: -1px;
    width: auto;
    margin-left: 50pt;
    margin-top: 50pt;}

Zur Übersicht habeich die divs mal umrandet, um deren Ausmaße leicht zu erkennen.

Gruß Anna.