Shepard: Etwas nach rechts verschobener, zentrierter Text

Beitrag lesen

Hallo Ulrike,

liest Du noch mit?

<body>
<div id="container">
<div id="name">Der Name</div>
<div id="head"><img src="logo.jpg" style="" width="85" height="100" border="0" alt="logo"></div>

So? Dann ist "name" ja gar nicht im "head".

zum z-index:
Also der es ist doch so, dass der div name über dem div head liegen muss und ich dachte das ginge mit den z-index. Alle anderen Versuche, schoben dann nämlich den div name unter den div head.

Siehe oben, der Name ist Teil des Seitenkopfes, also sollte das DIV mit ID="name" _im_ DIV mit ID="head" stehen.
Du meinst mit "über" und "unter" die vertikale Position? z-index ist für die "Tiefe", damit kann man Elemente sich gegenseitig überlappen lassen.

Laß im Style für "name" doch mal das position:absolute und im "head" das text-align:right weg. Dann gibt dem Logo noch style="float:right;".

Dein HTML sollte dann in etwa so aussehen:

<div id="head">
  <img src="logo.jpg" style="float:right;" width="85" height="100" alt="logo">
  <div id="name">Der Name</div>
</div>

Die Reihenfolge ist wichtig: Erst das Bild, dann der Name.

Versuche es einfach mal, ich habe es nicht genau an Deinem Beispiel getestet, sollte aber gehen.

Grüße
Shepard