Positionierung

[karin]

Hallo

Ich versuche gerade ein Tabellenlayout durch div zu ersetzen.
Die Tabelle hatte drei Kolonnen, wobei die mittlere ev. Zeilenumbrüche haben kann, zudem variiert die Anzahl Zeilen, die dargestellt werden soll.
Probleme habe ich nun mit dem CSS. Wenn eben der mittlere Teil einen Zeilenumbruch hat, dann wird die erste Kolonne rechts angehängt anstatt dass sie links bleiben würde.
Kann sich bitte mal jemand mein CSS anschauen und mir sagen, wie ich das mit der Positionierung angeben muss.

Danke
Karin

.User{
 font-family:sans-serif;
 color:black;
 float: left;
 padding-left:0px;
 padding: 10px;
 width: 150pt;
 background: #FFFF80;
 border: 1px solid silver;
 margin:1px;>
}
.ThemaDIV{

font-family:sans-serif;
 color:black;
 float: left;
 padding-left:150px;
 padding: 10px;
 width: 400pt;
 background: #FFFF80;
 border: 1px solid silver;
 margin:1px;>
}
.Datum{

font-family:sans-serif;
 color:black;
 float: left;
 padding-left:450px;
 padding: 10px;
 width: 200pt;
 background: #FFFF80;
 border: 1px solid silver;
 margin:1px;>
}

[griever]

Liebe Karin.

Vielleicht kannst du es ja erreichen, dass die dinger nebeneinander bleiben, wenn du mit "display:;" arbeitest.

Es gibt verschiedene Angaben:

inline - Das Objekt wird als normales Inline-Element angesehen und lässt Text daneben zu.
block - Das objekt beansprucht eine neue Zeile
none - Das objekt ist unsichtbar ohne Platzhalter.

MFG
Griever

[Cheatah]

Hi,

Ich versuche gerade ein Tabellenlayout durch div zu ersetzen.

das ist eine schlechte Idee. Ersetze es durch semantisches Markup, *ohne an die Darstellung zu denken*. Erst wenn dies abgeschlossen(!) ist, kannst Du mit CSS ein Layout aufsetzen.

Probleme habe ich nun mit dem CSS.

Das ist die zwangsläufige Folge unsemantischen Markups.

Kann sich bitte mal jemand mein CSS anschauen und mir sagen,

... dass Du eine Klassengesellschaft aufgebaut hast. Klassen dienen der Klassifizierung von Elementen, *nicht* der Selektierung durch CSS. Im CSS-Code werden die Klassen nur verwendet, niemals jedoch dadurch begründet.

margin:1px;>
margin:1px;>
margin:1px;>

Validiere Deinen Code. Immer.

Cheatah