Code oben links positionieren!

[littlebitofpain]

Hallo,

ich habe folgendes Problem mit Html/CSS:
ich möchte einen Uhrzeit-Code oben links auf meine Page (www.element-band.npage.de) positionieren. Momentan befindet er sich in der Box, wo der Text steht!
Hier erstmal der CSS code:

#uhrzeit
{
color:#FFCC7F;
padding:9px;
margin-bottom:2px;
background:#181818;
font-style:italic;
position:left;
margin-left:20px;
top:10px;
}


und jetzt die Uhrzeit:


<div id="uhrzeit">
<span style="font-size:small">
<script language="JavaScript">


var Datum = new Date();
var Tag = Datum.getDate();
var Monat = Datum.getMonth() + 1;
var Jahr = Datum.getFullYear();
var Stunden = Datum.getHours();
var Minuten = Datum.getMinutes();

if (Minuten <10)
{
Minuten= "0" + String(Minuten);

}


document.write("Heute ist der "
+ Tag + "." + Monat + "." + Jahr + " - "
+ Stunden + ":" + Minuten + " Uhr");

</script></div>



Wie man auf der Page sehen kann, befindet es sich nicht wirklich oben

wäre nett wenn ihr mir helfen könntet!


MfG lbop

[Topanga]

Hallo littlebitofpain,

als erstes solltest du mal die charset-Angabe wie hier http://www.npage.de/forum/gaestebuch...er-anders.html
beschrieben ändern

LG Topanga

[fischelexikon]

Du brauchst nur die beiden codes auswechseln dann geht`s

#uhrzeit {
  color: #ffcc7f;
  background-image: none;
  background-repeat: repeat;
  background-attachment: scroll;
  background-position:  0% 0%;
  font-style: italic;
  font-family: Arial,Helvetica,sans-serif;
  height: 30px;
  padding-bottom: 10px;
  font-size: 14px;
  width: 350px;
}

<!-- UHRZEIT -->
<br>
<br>
<div
 style="position: absolute; z-index: 2; height: 39px; top: 13px; left: 15px;"
 id="uhrzeit"><span style="font-size: small;">
<script type="text/javascript">var Jetzt = new Date();
var Tag = Jetzt.getDate();
var Monat = Jetzt.getMonth() + 1;
var Jahr = Jetzt.getYear();
var Stunden = Jetzt.getHours();
var Minuten = Jetzt.getMinutes();
var NachVoll = ((Minuten < 10) ? ":0" : ":");
if (Jahr < 2000)
Jahr = Jahr + 1900;
document.write("<b>Heute ist der " +
Tag + "." + Monat + "." + Jahr + ". Es ist jetzt " +
Stunden + NachVoll + Minuten + " Uhr<\/b>");
</script></span></div>
<!-- MEDIAPLAYER -->