Hi,
also ich würde erst einmal den HTML-Code aufräumen (ein bißchen viel Markup, IMHO):
HTML-Code:
<div class="contentbox">
<h3><span class="name">|name|</span><span class="title">|title| - |date|</span></h3>
<p>|text|</p>
</div>
Beim CSS würde ich einfach die Breiten- und Randangabe rauswerfen (Wozu sind die überhaupt gut?). Dann sind auch noch die Farbangaben falsch (Namen immer ohne Hash und "light-red" gibt es schon einmal gleich gar nicht.) Außerdem wenn schon "float" sollte man es auch wieder zurück nehmen (siehe p-Tag). Wobei das float mir nicht wirklich gefällt. Aber auf die Schnelle fällt mir gerade auch nichts besseres ein. Also besser so (Farben sollten natürlich noch angepaßt werden):
Code:
.contentbox {
margin:20px auto 0;
width:75%;
}
.contentbox h3 {
margin: 0;
padding: 0.3em 1em;
background-color: red;
}
.contentbox h3 .name {
display: block;
float: left;
}
.contentbox h3 .title {
display: block;
text-align: right;
}
.contentbox p {
clear: left;
float: none;
margin: 0;
padding: 0.3em 1em;
background-color: green;
}
Pingu
Lesezeichen