img#Head { left:200px; } funktioniert nicht

[3Stein]

¡Hallo!
kleines Problemchen am Rande: hab das in der html:

<div id="Head"><img src="img.jpg"></div>

<div id="Navi">blablabla </div>
<div id="content">blablabla</div>

In der CSS siehts so aus:

blablabla

img#Head
{
     left: 200px;
     top: 20px;
     widht: 300px;
     height: 150px;
}

blablabla

Das Bild wird trotzdem oben links in der ecke angezeigt

[Tom123]

img#Head
{

position: absolute;

left: 200px;
     top: 20px;
     widht: 300px;
     height: 150px;
}

... hat gefehlt.

[Cheatah]

Hi,

position: absolute;
... hat gefehlt.

oder relative oder fixed, je nachdem was gewünscht ist.

Cheatah

[3Stein]

img#Head
{

position: absolute;

left: 200px;
     top: 20px;
     widht: 300px;
     height: 150px;
}

... hat gefehlt.

ok. Jetzt steht es aber drinnen. Das bild ist immer noch am alten platz

[suit]

ok. Jetzt steht es aber drinnen. Das bild ist immer noch am alten platz

siehe kommentar von Gunnar Bittersmann - der Selekor img#Head ist ungültig (dh es gibt kein bild MIT der id Head) - #Head img (ein bild in einem element mit der id Head) wird funktionieren

und tu dir selbst einen gefallen, schreib ids, klassen und elemente immer klein, css is case sensitive - und irgendwann wird dir ein gross/klein fehler das kreuz brechen (bei einem guten browser)

[Gunnar Bittersmann]

@@3Stein:

<div id="Head"><img src="img.jpg"></div>

img#Head

Es gibt kein 'img'-Element mit der ID "Head".

Live long and prosper,
Gunnar

PS: Da war doch mal was. ;-)