zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Tabelle erscheint innerhalb eines DIVs

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 27.06.2007, 01:20
FBI FBI ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 03.08.2005
Beiträge: 5
FBI befindet sich auf einem aufstrebenden Ast
Standard Tabelle erscheint innerhalb eines DIVs

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...
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 27.06.2007, 01:39
Benutzerbild von ArcVieh
//
XHTMLforum-Kenner
 
Registriert seit: 19.12.2006
Ort: Gütersloh
Beiträge: 1.845
ArcVieh sorgt für eine eindrucksvolle AtmosphäreArcVieh sorgt für eine eindrucksvolle Atmosphäre
Standard

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.

Geändert von ArcVieh (27.06.2007 um 01:42 Uhr)
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 15:55 Uhr.