Positionierung

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<title></title>

<style type="text/css">
body {
  background-color: #ffffff;
  font-size: 12px;
  font-family: Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif;
  color:#000000;  
  padding:0px;
  margin:0px;
}

#header {
  width: 100%;
  height: 79px;
  background-image: url(headerbg.jpg);
  background-repeat:repeat;
}

#ro
{
  height: 19px;
  position: absolute; top: 0; right: 8px;
  background-image: url(robg.jpg);
}		
</style>
</head> 

<body onload="ZeitAnzeigen()">

<div id="header">

<div id="ro">
<img src="rolb.jpg" alt="clanname" width="5" height="19" style="float: left;" />
<div id="Uhr">&nbsp;</div>

<script language="javascript">
<!--
window.setTimeout("ZeitAnzeigen()",1000);
Wochentagname = new Array("Sonntag","Montag","Dienstag","Mittwoch","Donnerstag","Freitag","Samstag");

function ZeitAnzeigen() {
  var Jetzt    = new Date();
  var Tag      = Jetzt.getDate();
  var Monat    = Jetzt.getMonth() + 1;
  var msJahr   = Jetzt.getYear() + 1900;
  var nsJahr   = Jetzt.getYear() + 1900;
  var Stunden  = Jetzt.getHours();
  var Minuten  = Jetzt.getMinutes();
  var Sekunden = Jetzt.getSeconds();
  var WoTag    = Jetzt.getDay();
  var Vortag   = ((Tag < 10) ? "0" : "");
  var Vormon   = ((Monat < 10) ? ".0" : ".");
  var Vorstd   = ((Stunden < 10) ? "0" : "");
  var Vormin   = ((Minuten < 10) ? ":0" : ":");
  var Vorsek   = ((Sekunden < 10) ? ":0" : ":");
  var msDatum  = Vortag + Tag + Vormon + Monat  + "." + msJahr;
  var nsDatum  = Vortag + Tag + Vormon + Monat  + "." + nsJahr;
  var Uhrzeit  = Vorstd + Stunden + Vormin + Minuten + Vorsek + Sekunden;
  var msJetzt  = msDatum + "  " + Wochentagname[WoTag] + "  " + Uhrzeit;
  var nsJetzt  = nsDatum + "  " + Wochentagname[WoTag] + "  " + Uhrzeit;

  // Ausgabe für MS Internet Explorer & Mozilla Firefox
  document.getElementById('Uhr').innerHTML = msJetzt

  // Ausgabe für Netscape Navigator Browser
  if(document.layers) {
    document.Uhr.document.write('<div id="Uhr" style="color:black;font-size:20px;">'+nsJetzt+'</div>')
    document.close()
  }

  var timer=setTimeout("ZeitAnzeigen()",1000)
}
// -->
</script>

</div>

</div>

</body>
</html>

In dem <div> 'ro' soll ganz rechts ein bild hin. Wie mache ich das?
Wenn ich <img src="rolb.jpg" alt=":((" width="5" height="19" style="float: right;" /> eingebe, kommt ein Zeilenumbruch zustande und/oder wird der div 'ro' 100% breit. Außerdem würde ich das ganze in einem div zentrieren. Wie bekomme ich das widerum hin? Wenn ich es mache, wird nicht alles 100%ig zentrirt. Manche Elemente streuben sich da
Wie sieht der code im allgemeien aus?

Andy2006

Ich würde es mal mit margin-right im img-Tag versuchen, oder eben als css für img.

http://de.selfhtml.org/css/eigenschaften/randabstand.htm#margin_right