[paula modersohn]

Hallo zusammen!

Arbeite im Dreamweaver cs5 und schaffe es einfach nicht die Texte oben an einer Box anfangen zu lassen. Die Texte richten sich immer an der Mitte aus. Ich hoffe jemand kennt einen Befehl der mir weiter hielft.

Gruß

[Karlarsch]

Davon mal abgesehen, dass HTML keine Befehle kennt, wäre es nett, wenn du uns den relevanten Quelltext zeigen würdest, damit wir nicht unsere Glaskugeln extra aus der Reinigung holen müssen.

Gruß
Karl

[paula modersohn]

hier mein css auszug für meinen text. wie hier vertical-aline:top geht nicht.


#mitte_text {
margin-left:auto;
margin-right:auto;
margin-top:auto;
width:780px;
height:auto;
background-color:#FFFFFF;
color:#000000;
padding:10px;
vertical-align: top;
}

[mochi]

Und auf was ist #mitte_text angewendet? Auf die Box? Auf den Text?

Du solltest alles vom Code posten, was für die Problemlösung relevant ist. Vllt auch das Stückchen HTML dazu.

[paula modersohn]

dies ist der div tag.

<div id="mitte_text">
<h2>Willkommen bei ...</h2> <p>Für uns ist jeder ......</p>
</div>

und das ist mein ganzer code. hoff er bringt dich weiter.

body {
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
margin:0px;
padding:0px;
width:100%;
height:100%;
overflow:hidden;
text-align:start;
}
#hintergrund {
position:absolute;
z-index:1;
width:100%;
height:100%;
}
#fest {
position:absolute;
top:25px;
left:10px;
width:150px;
z-index:10;
border:1px;
solid:#000;
padding:10px;
}
#scrollbar {
position:absolute;
width:100%;
height:100%;
top:3px;
left:3px;
overflow:auto;
z-index:2;
}
#inhalt {
padding:5px 300px 20px 200px;
}
#logo {
margin-left:auto;
margin-right:auto;
margin-top:auto;
width:800px;
height:auto;
}
#navi {
background-color:#000;
margin-left:auto;
margin-right:auto;
margin-top:auto;
width:790px;
height:auto;
word-spacing:20px;
color:#FFF;
padding-left:10px;
}
#dazwischen {
margin-left:auto;
margin-right:auto;
margin-top:auto;
width:800px;
height:5px;
}
#ueberschrift {
background-color:#000;
margin-left:auto;
margin-right:auto;
margin-top:auto;
width:790px;
height:auto;
color:#FFF;
font-size:16px;
padding-left:10px;
}
#mitte_bild {
margin-left:auto;
margin-right:auto;
margin-top:auto;
width:800px;
height:auto;
}
#mitte_text {
margin-left:auto;
margin-right:auto;
margin-top:auto;
width:780px;
height:auto;
background-color:#FFFFFF;
color:#000000;
padding:10px;
vertical-align: top;
}
#impressunm {
background-color:#000;
margin-left:auto;
margin-right:auto;
margin-top:auto;
width:790px;
height:auto;
word-spacing:30px;
text-align:right;
color:#FFF;
padding-right:10px;
}
A:hover {
text-decoration:none;
color:#FFF;
}
A:active {
text-decoration:none;
color:#FFF;
}
A:link {
text-decoration:none;
color:#FFFFFF;
}
A:visited {
text-decoration:none;
color:#FFF;
}

[mochi]

vertical-align lässt sich nur auf Inline-Elemente anwenden und ein Div ist ein Block-Element

Dein <h2> hat ein margin-top/bottom von jeweils 19px
setz mal:

* {
margin: 0;
padding: 0;
}

in deine CSS-Datei ein. Das sollte generell ein paar Abstandsprobleme lösen.

[paula modersohn]

nein, das ist nicht die lösung. bringt nur meine ganze gestaltung durcheinander.
die hp besteht aus verschiedenen seiten auf denen immer wieder mein div= mitte_text
vorkommt, mit verschiedenen schriftgrößen, auch mal eine unnummerierte lieste. Also der befehl sollte
inhaltsunabhängig sein. gibt es nicht was ganz simples?

[DesignKater]

Hau die Margins mit dem Wert "auto" raus dann ist dein Problem gelöst.