Events auf DIV nur mit Inhalt?

[Kukulkan]

Hallo,

Auf diese Art generiere ich einen Balken:

<div id="test" onmousedown="alert(12345);" class="TimeBar"></div>

Wenn ich nun versuche zu klicken, dann geht garnix. Wenn ich aber so mache

<div id="test" onmousedown="alert(12345);" class="TimeBar">Testtext</div>

Dann bekomme ich die Events, wenn ich auf den "Testtext" klicke. Kann ich den Event nicht für den ganzen DIV bekommen ohne dass ich da Text reinschreiben muss?

Oder liegt es an meiner CSS definition?

.TimeBar {
  position: absolute;
  overflow: hidden;
  left: 10px;
  top: 114px;
  width: 380px;
  height: 12px;
  border-top: 1px solid #FFFFFF;
  border-left: 1px solid #FFFFFF;
  border-bottom: 1px solid #47542A;
  border-right: 1px solid #47542A;
  background-color: #DAE5C3;
  background-image: url('images/timebar_back.gif');
}

Kann es daran liegen? Ich steh voll auf dem Schlauch... Welche Gründe kann es noch haben?

Kukulkan

[urvater]

Problem bei dem Event ist, daß du den Inhalt des Objektes treffen müsstest. Der Div als Balken ist ja mit keinem Wert vorhanden und somit müsstest du ein Pixel treffen. Durch den Text hast du eine Fläche um das Event auslösen zu können.
Den Balken würde ich daher nicht als Rahmen sondern eher als Grafik einbinden.