CSS/DIV (Verständnis)Problem

[Neutral General]

Hi,

Ich hab hier sowas verschachteltes.

Code:

<div class="content">
  <div class="bookentry">
    <div class="bookentryheader">
      [b]Von: [/b][url="index.php?mode=user&id=3"]Webmaster[/url]
      <div class="entrydate">
        2007-03-18 17:30:32
      </div>   
    </div>
   Es war einmal ein Programmierer....   
  </div>
</div>

CSS:

Code:

div.content
{
  width: 838px;
  height: 500px;
  background-color: #DDF1FF;
  color: #000000;
  float: left;
  padding-left: 8px;
  display: table;
}
div.bookentry
{
  width: 800;
  padding-left: 8px;
  padding-right: 8px;
  padding-top : 4px;
  border: 5px inset #000000;
  font-family: "Lucida Blackletter";
}
div.bookentryheader
{
 width: 800;
 height: 20;
 border-bottom: 1px groove #000000;
 float: top;
 font-family: "Times New Roman";
}
div.entrydate
{
 width: 200;
 height: 18;
 float: right;
 text-align: right;
}

Das ganze sieht dann so in der Realität so aus:

Lyeelia

Also nach meinem Verständnis müsste das Datum im Header oben rechts stehen... tut es aber nicht... (FF 1.0.7)

EDIT: Ich hoffe ich nerve mit meinen tausenden CSS-Threads nicht :mrgreen:

Gruß
Neutral General

[alcaeus]

Code:

div.bookentryheader
{
 width: 800;
 height: 20;
 border-bottom: 1px groove #000000;
[color=red] float: top;[/color]
 font-family: "Times New Roman";
}

Man kann was links floaten lassen, man kann es rechts floaten lassen, man kann es gar nicht floaten lassen, aber oben floaten geht eben nicht ;)

Greetz
alcaeus

[Neutral General]

Ok danke.. Nur leider behebt das das Problem nicht :(

[Thorben77]

Du musst den Block, der das Datum enthält, vor die Elemente verschieben, die neben ihm stehen sollen (ganz schlecht formuliert :roll: ):

Code:

<div class="bookentryheader">
  <div class="entrydate">
    2007-03-18 17:30:32
  </div>   
  [b]Von: [/b][url="index.php?mode=user&id=3"]Webmaster[/url]
</div>

Nebenbei:

• Bei dir ist so ein bisschen die Divitis ausgebrochen :wink: .
  Die Links links sollten besser in eine Liste (Semantisches Markup).
• Außerdem kannst du die Hintergrundfarbe des body-Elements aus dem bgcolor-Attribut noch in die CSS-Datei verschieben.

[Neutral General]

Ahh du bist meine Rettung :) :mrgreen:

Danke,danke es funktioniert... Muss ich mir merken das man das in der Reihenfolge schreiben muss -.-

Hehe die Divitis...
Ja kann schon sein...:mrgreen:
Naja ich beschäftige mich erst seit ca. 3 Tagen mit PHP,CSS und dem ganzen Webgedöns ^^

Und <div> hat mir bisher immer gut geholfen.. Außerdem schätze ich das mich eine mit Divitis verseuchte Die Muhkuh unterrichtet hat :mrgreen:

Gruß
Neutral General