Stefan B.: Bilder mit Untertiteln fließend nebeneinander anordnen

Beitrag lesen

Mahlzeit,

so, hier nochmal abschließend und zusammenfassend die Lösung, die ich jetzt erst einmal umgesetzt habe, und die mit allen relevanten Browsern funktioniert (mit dem IE ab Version 8):

Erstmal der HTML5-Doctype:

  
<!DOCTYPE html>  

Dann eine Extrawurst für den lieben Internet Exploder - eine Header-Angabe für das Deaktivieren der Kompatibilitätsansicht, damit er "display:inline-block" versteht:

  
<meta http-equiv="X-UA-Compatible" content="IE=8" />  

Das Gruppieren der Bilder und Untertitel für die Galerie-Ansicht wird mit einem <div> gemacht:

  
<center>  
<div id="thumbnail"><img src="..."><br>Untertitel</div>  
...  
</center>  

Das CSS dazu:

  
#thumbnail {  
	display:inline-block;  
	margin:4px 4px 8px 4px;  
	vertical-align:top;  
	font-size:8pt;  
	text-align:left;  
}  
  
#thumbnail img {  
	vertical-align:top;  
	width:192px;  
	height:144px;  
}  

Hier noch das Live-Beispiel dazu.

Danke allen für die Hilfe, vor allem Vinzenz! :)

Gruß,
Stefan