Probleme mit der Positionierung in DiV Frame

[cssRookie]

Hallo Leute,

da bin ich auch schon mit meinem nächsten Problem.

Ich möchte in einem Frame ein Kalender anzeigen, damit man sehen kann , von wann die Nachricht ist.

Hier ist der dazugehörige Code:

Code: Alles auswählen

.box_kalender {
position: relative;
background:url(kalenderblatt.jpg) no-repeat;
left: 800px;
width: 60px;
height: 50px;
}

.box_kalender p {
padding-top: 8px;
padding-left: 4px;
color: #000000;
font-family: Arial;
font-size: 12px;
font-weight: bold;
}

Code: Alles auswählen

<div id='Box2'>
<div class='Titel'>TESTNAME<span class="TitelKlein">(Titel klein)</span></div>
<div class='Text1'>Text 1 Test</div>
<div class="box_kalender"><p>Dienstag<br>14. Jan.<br>2011</p></div>
<div id="boxcontainer">
<div class="box_links">
<div class="news_bild"><img src="dnimage.jpg">
<p>Unterschrift fürs Testbild</p></div>
<br><br> <br><br>
<p><b>Spalte Links</b><br>Ne vero prompta repudiare<br>
</p>
</div>
<div class="box_links">
<p><b>Spalte Mitte</b><br>Ea quo brute nihil, oportere dignissim qui no, vis primis nonummy placerat ne. No vel facete meliore, mel feugiat nostrum ne, everti impedit eu quo. Quo quas appetere eu, te praesent mediocrem efficiendi sea, mel labitur feugait in. Magna disputationi eos in, aperiri epicurei verterem ad his. Iuvaret scaevola tractatos te vim, ludus quodsi ex cum. Ex efficiendi suscipiantur mei.
<br><br>
</p>
</div>

<div class="box_rechts">
<p><b>Spalte Rechts</b><br>Ea quo brute nihil, oportere dignissim qui no
<br></p>
</div>

</div>
</div>

Jetzt wird das Kalenderblatt aber nach der Überschrift angezeigt. Laut dem HTML Code richtig.. aber was muss ich im CSS angeben, damit ICH die Position bestimmen kann. Es soll nämlich wie im Beispiel gezeigt, oben bei der Überschrift angezeigt werden...

Bin wie immer für den entschiedenen Tip dankbar

Gruß und Dank im Voraus

cssRookie

[djheke]

Kann dich im Moment nicht so folgen. Benutzt du ein CMS ?Zeig mal den kompletten CSS und HTML Code. Oder noch besser ein testcase online stellen.

[cssRookie]

Hallo djheke,

also ich möchte, dass das Kalenderblatt (rechts im Bild) nach oben an den Rand der Box positioniert wird. (siehe angehängtes Bild in diesem Post)

Hier ist der Link zu meiner neuen Website http://www.scl-basketball.de/redesignindex.html.

Die sich halt auch noch in Arbeit befindet.

Hoffe es hilft weiter.

Gruss und Dank

cssRookie

[djheke]

Für den Fall, dass du den HTML Code nicht beeinflussen kannst, folgen die CSS Regeln.

Code: Alles auswählen

#Box2 {
position:relative; /* NEU */
margin-top:50px;
background:#ddd;
}

.box_kalender {
position:absolute;  /* NEU */
top:0;
background:url(kalenderblatt.jpg) no-repeat;
left: 800px;
width: 60px;
height: 50px;
}

.box_kalender p {
padding:8px 4px 1px 4px;
color: #000000;
font-family: Arial;
font-size: 12px;
font-weight: bold;
}


[cssRookie]

@djheke

Hat alles wunderbar funktioniert.

Danke.

Gruß

css Rookie