Einfaches CSS: warum bloß klappt das nicht :(?

[Henrik]

Ich glaube, ich bin echt zu blöd :|

Ich schreibe meine Layouts seit einem Jahr ausschließlich in CSS - und jetzt scheiter ich an sowas einfachem :rolleyes:

Ich will ein Kasten für News haben. Dieser Kasten wiederum ist quasi in 2 Teile geteilt: einen für die "Überschrift" (links steht der Autor, rechts das Datum, das Ganze abgesetzt mit einer anderen Hintergrundfarbe) und einen für den eigentlichen Inhalt, der unter der "Überschrift" platziert wird.
Oder anders gesagt: es soll aussehen, wie ein typisches Gästebuch.
Hier mein Code:


<div class="news">

<div class="news_autor">Geschrieben von Henrik</div>
<div class="news_datum">12.03.05</div>

<div class="news_content">bla bla bla bla bla bla blubb</div>
</div>


CSS:


<style type="text/css">
<!--

.news {
#border:1px solid #82D0FF;
width:400px;
margin: 0px auto 0px auto;
}

.news_autor {
float:left;
background-color:#66CCFF;
}

.news_datum {
float:right;
background-color:#66CCFF;
}

.news_content {
background-color:#99C3FE;
display:block;
}
-->
</style>

[skamikaze]

und wo ist das problem :confused:

edit:

vllt hilft dir das weiter...

<style type="text/css">
<!--

.news {
#border:1px solid #82D0FF;
width:400px;
margin: 0px auto 0px auto;
background-color:#66CCFF;
}

.news_autor {
float:left;
background-color:#66CCFF;
}

.news_datum {
float:right;
background-color:#66CCFF;
}

.news_content {
background-color:#99C3FE;
display:block;
}
-->
</style>
<div class="news">

<div class="news_autor">Geschrieben von Henrik</div>
<div class="news_datum">12.03.05</div>
<br>
<div class="news_content">bla bla bla bla bla bla blubb</div>
</div>

[Henrik]

Es klappt nicht :usad:

--> http://www.brede10c.userhost.de/party/news.html

[skamikaze]

doch 100 pro, ich hab den code (s.o.) ausprobiert. ersetz einfach den kompletten css code und den <div> code. du hattest einfach nur einen zeilenumsprung (<br>) vergessen....ich hab noch zu .news background-color:#66CCFF; hinzugefügt, da sonst eine lücke entsteht!

[Henrik]

Danke, ich habs jetzt mit break hingefrickelt, auch wenn es natürlich nicht so optimal ist - aber egal, der Code ist auch nicht ganz valide (Iframe :rolleyes: )

[skamikaze]

ist imo gut gelungen mit den news!

[Henrik]

ist imo gut gelungen mit den news!

thx :)

Und der Rest?

Ich hab mir jetzt nämlich nicht sooo viel Gedanken um das Design gemacht, weil die Page wahrscheinlich sowieso nur für einen Gig online bleibt.

[skamikaze]

naja von den farben her nich so mein fall aber ich würd sagen für einen gig reichts locker!

[Henrik]

Ja, stimmt, die Farben sind gewagt :ugly: