Tabelle erscheint innerhalb eines DIVs

FBI · #1 (**permalink**) 27.06.2007, 01:20

Hi,

ich habe folgendes Problem:

ich habe ein DIV-Element, welches ein Bild (float: left) enthält. Neben dem Bild ist noch ein wenig Text, welcher allerdings nicht so hoch ist wie das Bild.

Dann wird der DIV-Tag wieder geschlossen und eine Tabelle begonnen.

Diese Tabelle erscheint aber im DIV, also neben dem Bild.

HTML-Datei ansehen

Der Code der Datei:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Main</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
.feature{
	padding: 0px 0px 10px 10px;
	text-align: justify;
	display:block;
	clear:both;
}

img.feature{
	float: left;
	padding: 0px;
	margin: 0 15px 15px 0;
	border: 2px solid #334d55;
}
-->
</style></head>

<body>
<div class="feature">
	<img class="feature" src="problem.png" alt="bla" />
	<p>Hier ein kleiner Text.</p>
</div>

<table width="70%"  border="1" cellspacing="0" cellpadding="0">
  <tr>
    <td>test</td>
    <td>tabelle</td>
  </tr>
  <tr>
    <td>test</td>

    <td>tabelle</td>
  </tr>
</table>


</body>
</html>

Und hier könnt ihr euch die HTML-Datei dazu ansehen: *klick*

Wie bekomme ich es also hin, dass die Tabelle unter dem Bild und nicht daneben erscheint?
Die Tabelle möchte ich nicht verbreitern...

ArcVieh · #2 (**permalink**) 27.06.2007, 01:39

In dem div fehlt ein clearendes Element.
Am besten löst Du das, in dem Du auf das DIV Easy Clearing anwendest.
Beachte aber, das der IE kein :after kennt, aber dazu gibt es auf der verlinkten Seite ebenfalls eine Lösung.

EDIT: Um zu sehen, wieso die Tabelle da ist, solltest Du dem div mal einem border geben (div { border:1px solid red; }) dann siehst Du es, was passiert. Wenn Du dem auf dem Grund gehen möchtest, klicke hier.
Eine verbreiterung der Tabelle wäre auch keine Lösung, aufgrund der verschiedenen Auflösngen der Internet User.

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Tabelle gerechtfertig, oder Liste oder DIVs nutzen?	quarki69	CSS	4	14.06.2010 16:22
drei divs innerhalb von einem div positionieren?	muusser	CSS	0	24.02.2009 14:04
div's verhalten zuweisen wie einer tabelle	ismx	CSS	0	02.07.2008 23:49
Innerhalb eines DIV's mit Hotspot scrollen	TimoF	Javascript & Ajax	2	03.06.2008 15:43
Tabelle mittig zentriert, Div absolut innerhalb positioniert	Byakuya	CSS	1	23.02.2006 23:10