left center right per CSS

[Detlef G.]

Hallo Thomas

na ja das ganze ist nur in einem <p></p> und fertig davor ist noch eine überschrift und fertig...
Ich hoffe du kannst mir mit diesen Daten weiterhelfen ...

Du könntest es mit folgendem CSS versuchen:

  
/* clearfix from http://www.positioniseverything.net/easyclearing.html */  
  
/* for browser */  
p:after {  
  content: ".";  
  display: block;  
  height: 0;  
  clear: both;  
  visibility: hidden;  
}  
/* for IE-mac */  
p {  
  display: inline-table;  
}  
/* for IE-Win */  
/* Hides from IE-mac \*/  
* html p {height: 1%;}  
.p {display: block;}  
/* End hide from IE-mac */  
  
/* end clearfix */  
  
span.bildcomentleft,  
span.bildcomentright,  
span.bildcomentcenter {  
  margin-bottom:10px;  
  font-style: italic;  
  font-size:80%;  
}  
.bildcomentleft {  
  float:left;  
  text-align:left;  
}  
.bildcomentcenter {  
  margin-left:-100px;  
  position:absolute;  
  left:50%;  
  text-align:center;  
}  
.bildcomentright {  
  float:right;  
  text-align:right;  
}  

Inwieweit es Probleme mit anderen Absätzen (p) in dem Dokument geben könnte,
kann ich schlecht ohne den restlichen Quelltext einschätzen. Das müsstest du
testen.
Bisher habe ich das nur in Mozilla/Firefox und IE 6.0 getestet.

Die Bilder dürfen dabei nicht größer sein, als jeweils für .bildcoment...
angegeben, und das mittlere Bild wird nur zentriert, wenn .bildcomentcenter
genau 200px breit ist.

Du musst bei dieser Lösung noch dafür Sorge tragen, dass immer genug Platz
für die drei Grafiken nebeneinander ist, weil sie sich sonst ohne Rücksicht
übereinanderschieben.

Auf Wiederlesen
Detlef