hallo leute....
ich tüfftle schon eine weile an dem problem, wie ich
einen div container (nett mit css gespickt) dazu überreden kann,
sich neben seinem bruder mittig zu plazieren.
um das ganze etwas spannender zu machen habe ich nicht einen bruder...
vielmehr eine ganze bruderschaft...
da die natürlich nicht alle in eine reihe passen, sollen sie, wenn rechts kein platz mehr ist, automatisch in die nächste zeile rücken...wieder mittig...
schon mächtig kompliziert.... nun noch das Sahnehäubchen....
jedes Div wird zuvor mittels PHP generiert....
anzahl der erzeugten brüder...ähmm... der divs ist daher immer unbekannt !!!
wer kann mir helfen.....
Gruß
Peter
Hier der Code:
PHP
<!doctype html public "-//W3C//DTD HTML 4.0 //EN">
<html>
<head>
<title>Mitglieder des Bundes der Alten</title>
<style type="text/css">
.mittig{
position:relative;
width:90%;
margin:auto;
text-align:center;
}
.mitgliederrahmen{
position:relative;
padding:2px;
width:300px;
height:220px;
margin:auto;
border-style:outset;
border-top:2px;
border-left:2px;
border-right:2px;
border-bottom:2px;
border-style:none;
overflow:hidden;
}
.mitgliederkarte{
position:absolute;
background-image:url(Mitglieder/karte.jpg);
width:270px;
height:180px;
top:0px;
left:0px;
z-index:1;
}
</style>
</head>
<body>
<p align="center">
[img]buchstaben-initiale/m_gross.gif[/img]
<font size="8" color="#853323" face="morpheus" style="margin-left:-10px;vertical-align:super">itglieder</font>
</p>
<?php
$rasseicon = array();
$rasseicon['Mensch']="menschenlogo.gif";
$rasseicon['Zwerg']="zwergenlogo.gif";
$rasseicon['Nachtelf']="nachtelfenlogo.gif";
$rasseicon['Gnom']="gnomenlogo.gif";
$rasseicon['Orc']="orclogo.gif";
$rasseicon['Untoter']="untotenlogo.gif";
$rasseicon['Tauren']="taurenlogo.gif";
$rasseicon['Troll']="trolllogo.gif";
$charakter_m = array();
$charakter_m['Mensch']="Charakter_m_1.gif";
$charakter_m['Zwerg']="Charakter_m_2.gif";
$charakter_m['Nachtelf']="Charakter_m_3.gif";
$charakter_m['Gnom']="Charakter_m_4.gif";
$charakter_m['Orc']="Charakter_m_5.gif";
$charakter_m['Untoter']="Charakter_m_6.gif";
$charakter_m['Tauren']="Charakter_m_7.gif";
$charakter_m['Troll']="Charakter_m_8.gif";
$charakter_w = array();
$charakter_w['Mensch']="Charakter_w_1.gif";
$charakter_w['Zwerg']="Charakter_w_2.gif";
$charakter_w['Nachtelf']="Charakter_w_3.gif";
$charakter_w['Gnom']="Charakter_w_4.gif";
$charakter_w['Orc']="Charakter_w_5.gif";
$charakter_w['Untoter']="Charakter_w_6.gif";
$charakter_w['Tauren']="Charakter_w_7.gif";
$charakter_w['Troll']="Charakter_w_8.gif";
$klasse = array();
$klasse['Krieger']="Klasse1.gif";
$klasse['Paladin']="Klasse2.gif";
$klasse['Jäger']="Klasse3.gif";
$klasse['Schurke']="Klasse4.gif";
$klasse['Priester']="Klasse5.gif";
$klasse['Druide']="Klasse6.gif";
$klasse['Magier']="Klasse7.gif";
$klasse['Hexenmeister']="Klasse8.gif";
$klasse['Schamane']="Klasse9.gif";
$url = 'http://www.buffed.de/guild.php?g=8053';
$file = file_get_contents($url);
if(!$file) die("Fehler beim Öffnen von $url");
$guild = unserialize(gzuncompress($file));
foreach($guild['character'] as $c) {
if ($c['sex']== "m") {
$char=$charakter_m[$c['race']];
} else {
$char=$charakter_w[$c['race']];
}
if ($c['name']<> "Bda") {
print "<div class=\"mittig\" >";
print "<div class=\"mitgliederrahmen\">";
print "<div style=\"position:absolute;z-index:3;top:5px;left:5px;text-align:center;\">";
print "<img src=\"Mitglieder/".$char."\" width=\"40\" height=\"40\" border=\"0\">";
print "</div>";
print "<div class=\"mitgliederkarte\">";
print "<div style=\"text-align:center\">";
print "<font size=\"6\" face=\"morpheus\" color=\"lavender\">".$c['name']."</font>";
print "</div>";
print "<div style=\"text-align:center\">";
print "<font size=\"4\" face=\"roman\" color=\"midnightblue\">".$c['guild_title']."</font>";
print "</div>";
print "<div style=\"text-align:left;position:absolute;bottom:5px;left:5px;\">";
print "<font size=\"4\" face=\"roman\" color=\"lavender\">Ebene ".$c['level']." </font>";
print "<font size=\"4\" face=\"roman\" color=\"lavender\">".$c['class']."</font>";
print "</div>";
print "</div>";
print "<div style=\"position:absolute;z-index:4;width:120px;height:120px;top:70px;left:170px\">";
print "<a href=\"http://www.buffed.de/?c=".$c['id']."\" > <img src=\"Mitglieder/".$rasseicon[$c['race']]."\" width=\"120\" height=\"120\" border=\"0\"> </a>";
print "</div>";
print "</div>";
print "</div>";
}
}
?>
<p align="center" style="position:relative;padding-left:40px;padding-right:40px;padding-top:-5;padding-bottom:10px;line-height:1.5em">
<font size="5" color="#931e00" face="morpheus">
Hier eine Liste der Mitglieder, die sich nicht der Blasc-Charakterdatenbank angeschlossen haben:
</font>
</p>
<p align="center">
<font size="6" color="#931e00" face="morpheus">
Feste
</font>
</p>
<div style="position:relative;padding-left:10px;padding-right:-10px;padding-top:-5;padding-bottom:10px">
<p align="center">
<font size="3" color="#931e00" >
Diese Seite verwendet Schriften, die nicht im Lieferumfang von Betriebsystemen der Firmen Microsoft und Apple enthalten sind
Eine optimale Ansicht erfolgt mit den separat installierbaren Schriften "Morpheus" & "gothic ultra trendy"
zu finden sind diese in unseren Download-Links!
<font>
</p>
</div>
</body>
</html>beim Code oben werden die Divs untereinander erzeugt was später eine mächtige scrollorgie verursacht !!! 
also...wer kann mich aus diesem css jungle retten ??
