nicht angemeldet
Hallo,
ich habe jetzt unzählige Beiträge zu diesem Thema bei google gesucht, gefunden, gelesen und ausprobiert. Aber keine für mich funktionierende Lösung gefunden, daher nun mein Versuch übers Forum.
Kurz mein Sachverhalt:
Ich habe im Prinzip 4 Elemente:
- Überschrift und Einleitung
- darunter eine Zeile mit diversen Buttons
- ein paar werden links gefloatet, ein paar rechts
- die Buttons sollen in derselben Zeile angezeigt werden - darunter eine Tabelle mit Daten
- die Anzahl der Daten (Spalten als auch Zeilen) sind unbekannt und variieren - erneut soll die Button Zeile angezeigt werden
- selbe Bedienungen wie oben
noch eine besonderheit:
- die rechts gefloateten Buttons sollen bündig mit der Tabelle sein, heißt: das ende der Tabelle soll auch die rechte "wand" für die rechts gefloateten Buttons sein, es soll also kein Button weiter rechts sein, als das ende der Tabelle
Meine Struktur:
<div style="display:table;">
odder
<div style="display:table;">
<div style="float:left">
##linke buttons##
</div>
<div style="float:right";>
##rechte buttons##
</div>
<table />
<div style="float:left">
##linke buttons##
</div>
<div style="float:right";>
##rechte buttons##
</div>
</div>
Verwende ich display:table oder float:left im äußeren DIV, funktioniert mein vorhaben im FF. Der IE bleibt völlig unbekümmert und schiebt die rechts gefloateten Buttons bis an den rechten Bildschirmrand.
Die Tabellenbreite, welche ausschlaggebend ist, ist wie gesagt unbekannt und wird zur laufzeit über schleifen bestimmt.
falsch im IE:
http://www.bilder-upload.eu/show.php?file=0abc94-1343392761.png
richtig im FF:
http://www.bilder-upload.eu/show.php?file=d9b459-1343392799.png
Ich bin dankbar für alle Ideen und Hilfen, vor allem wenns klappt.
lG
Ulysses