✔ Unkorrekter Umbruch bei DIVs

[Thomas D]

Hallo!

Ich habe folgende HTML-Struktur:

<div id="loginFrame"></div>
<div id="content"></div>
<div id="userliste"></div>
<div id="message"></div>

Und dazu folgende CSS-Definition:

#loginFrame
{
	width: 260px;
	height: 230px;
	border-right: solid;
	float: left;
	margin-right: 1cm;
	margin-top: 0.7cm;
	border: solid 2pt black;
}

#content
{
	width: 300px;
	margin-right: 1cm;
	height: 230px;
	float: left;
	border-right: solid;
	margin-top: 0.7cm;
	border: solid 2pt black;
}

#userliste
{
	position: relative;
	margin-top: 0.7cm;
	float: left;
	border: solid 2pt black;
}

#message
{
	border: solid 2pt black;
}

Nun möchte ich, dass #message wieder normal umgebrochen wird - d.h. unter allen anderen DIVs steht. Denn mit position = absolute kriege ich's nur unter #userliste, da sie die float-Eigenschaften der ersten beiden DIVs noch auswirkt. Auch ein clear = both in #message hilft hier nichts. Das Problem kann man hier noch einmal näher betrachten (ohne Funktionalität): http://www.thomasd.info/DAB/index.php

Wäre cool, wenn mir hier jemand helfen könnte ;-) ...

MfG, Thomas D.

 

[Maik]

Hi,

clear:left oder clear:both funktioniert hier für #message einwandfrei, wenn du im letzten Formular die Tabelle ordnungsgemäß schliesst:

<form>
	<table>
		<thead>
			<th>E-Mail</th>
			<th>Vorname</th>
			<th>Nachname</th>
			<th>Nickname</th>

		</thead>
		<tbody id="userlisteContent"></tbody>
	</table>
			
	<input type="button" value="Previous" disabled id="previous" onclick="javascript: zurueck();" />
	<input type="button" value="Next" id="next" onclick="javascript: vor();" />
</form>

 

[Thomas D]

Mensch, was für ein blöder Fehler :-( ... Vielen Dank auf jeden Fall ;-)!