Semaphor: div-Bereich, dessen Breite sich automatisch anpasst

Beitrag lesen

Hi,

Und width: 0px;?

LG maiskolben

geht leider auch nicht, der div bereich ist in diesem Fall wirklich 0px.

mein Problem, warum ich diesen Bereich brauche ist, dass sich in diesem div noch ein div befindet, dass sich wiederum an dem außeren div ausrichten soll, soll so breit sein wie die tabelle..

vielen dank und viele Grüße

hm, nein solche Größenangaben können nicht funktionieren,
da div-Container sich nur am Eltern-Element oder aber am
Textfluß orientieren können, nicht aber am Inhalt.
Im Gegensatz zu Tabellen werden divs auch nicht größer,
wenn deren Inhalte nicht in den Raum passen, sondern
das Verhalten wird über das Attribut "overflow" geregelt, welches
aber nur die Werte "hidden", "visible", und "scroll" kennt.
Die Größe des Containers bleibt in jedem Fall konstant.

Ich versteh zwar nicht, warum man eine Tabelle überhaupt in einem
Div-Container einbetten sollte, aber wenn's denn sein muß, dann
würd' ich ein javascript-workaround vorschlagen... also so:

<head>
<script type='text/javascript'>
function justier(){
    var breite=document.getElementById('inhalt').offsetWidth;
    var hoehe=document.getElementById('inhalt').offsetHeigth;
    document.getElementById('rahmen').style.width=breite;
    document.getElementById('rahmen').style.height=hoehe;
}
</script>
</head>

<body onload='justier()'>

<div id='rahmen'>
    <table id='inhalt'>
    <tr>
    <td>bla</td>
    <td>bla</td>
    <td>bla</td>
    </tr>
    <tr>
    <td>bla</td>
    <td>bla</td>
    <td>bla</td>
    </tr>
    </table>
</div>
</body>

Das funktioniert natürlich nur dann, wenn sich
die Größe der Tabelle nicht dynamisch verändert.

Schönen Gruß!
Semaphor