Hallo zusammen,
da ich mich mit CSS nicht gut auskenne wollte ich fragen ob ihr mir helfen könnt. Ich habe folgendes Problem schon öfters probiert zu lösen, jedoch hat es bis jetzt noch nie vollständig geklappt. (verschiedene Browser)

Für eine NEWS-Liste bräuchte ich folgende DIV Anordnung.

<block div> (umschließend)
<date div></>
<headline div> </>
<picture div></><text div> </> (nebeneinander)
<more div> </> (rechtsbündig)
</>

Das block div sollte die ganze geschichte umschliessen.
Eine Zeile darunter das date div, eine Zeile darunter das headline div. In der nächsten Zeile möchte ich dann das picture div und rechts daneben das text div. In der letzten Zeile sollte ich dann das more div rechtsbündig haben.

die Größe des date und headline div sind fix. die breite vom picture und text div auch, die höhe jedoch nicht. die größe vom more div ist wiederum fix.

Könnte mir jemand kurz die korrekte div anordnung auflisten? Am besten eine Lösung die in allen Browsern funktioniert.
Die größten Probleme hatte ich mit der unterschiedlichen Höhe vom picture div und text div.

Vielen Dank!

Hallo,

was zahlst du denn? Das wird ja wohl ein komplettes Projekt werden.

Kurz? Eher nicht.

Das geht außerdem erst, wenn man den Inhalt kennt. So wird das nur ein Ratespiel.

Gruss

MrMurphy

Brauchst du für die Dinger überhaupt alles ein Div?

__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato...
All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege

www.richard-thiel.de | Müssen Websiten überall gleich ausschauen?

Mir geht es eigentlich darum wie ich die größe vom umschließenden div von der variablen höhe abhängig machen kann.
Und wie ich die beiden div picture und text richtig nebeneinander kriege.

@Thielo:
Meinst du ich sollte es lieber über eine normale Tabelle machen?

Nein, er meinte, du sollst entsprechende Tags verwenden (Google --> Semantik).

Gruß Manfred