Justus: display:table vs block

Beitrag lesen

SELF-Forum

display:table vs block

Justus
– Informationen zu den Bewertungsregeln

Hallo liebe Gemeinde,
ich habe nur ein kurzes Verständnis-Problem und hoffe jemand kann es mir erklären.
Nach einem float-Bereich reagieren Elemente mit display:block anders als mit display:table. Beide haben eine widht=100%. Block-Elemente wandern neben das float-Bereich, aber eine Tabelle wird konsequent erst danach dargestellt. Warum?
Wie bekomme ich die Tabelle neben den float-Bereich? Einfach ein display:block, dann wäre das CSS ja nicht mehr ganz semantisch ;-)

Hier ein Quellcode zum anschauen mit den selbstredenden Klassen:

  
<!DOCTYPE html>  
<html><head><title>Table 100%</title>  
<style>  
.dspTable {  
	width: 100%;	  
	display: table;  
	border: 1px solid blue;	  
}  
.dspBlock{  
	width:100%;  
	display:block;  
	border: 1px solid red;	  
}  
</style>  
</head>  
<body>  
<div style="float:right">  
<ol>  
	<li> Eins  
	<li> Eins  
	<li> Eins  
	<li> Eins  
	<li> Eins  
	<li> Eins  
</ol>  
</div>  
<h3>Audioszene</h3>  
<div class="dspBlock">Hinweis</div>  
<table class="dspTable">  
	<tr><td>Die Lautstärke von Kanälen kann mittels Befehlen gesetzt werden.</td></tr>  
</table>  
</body></html>

Danke und Grüße,
justus

Beitrag melden
–
Informationen zu den Bewertungsregeln