Wohin mit <div style='clear:both'>

[Binary]

Servus,

Mein Code

var form = "<div id='inhalt-1'>" +
			"<br><div id='img_life_story'><img src='img/Lebensabschnitt-Studium.png'></div>" +
			"<br><div id='caption_life_story1'>Studium</div>" +
		"</div>" +
		"<div id='inhalt-2'>" +
				"<br><img src='img/Lebensabschnitt-Studium-Empfehlungen.png'>" +
				"<br><div id='caption_life_story2'>Relevante Themen</div>";

Mein CSS

#caption_life_story1
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 18px;
	padding-left:55px;
}

#caption_life_story2
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 18px;
	padding-top:4px;
	padding-left:25px;
}

Mein Problem:

Der Inhalt sollte im roten Kasten sein.

[IMG]http://it-privacy.com/problem.png[/IMG]

Wenn ich <div style='clear:both> an dieser Stelle einbide:

[CODE]"</div><div style='clear:both>" +
		"<div id='inhalt-2'>"

Dann ist der linke Inhalt im Kasten aber der Rechte immer noch nicht.

Habt ihr ne Idee?
Vielen Dank!

 

[Arcsinh]

Wenn ich dich richtig verstanden habe, holst du dir einfach eine Referenz auf deinen Kasten und bindest form mit innerHTML rein.

 

[kkapsner]

Testlink

 

[Binary]

Wenn ich dich richtig verstanden habe, holst du dir einfach eine Referenz auf deinen Kasten und bindest form mit innerHTML rein.

Ähm nein, ich glaube nicht.
Die "form" variable liegt nur am Framework.