SideToggle / Divs verschieben sich

[hypothenuse]

Hi zusammen,

mein CSS:

.boxer 
{
   display: table;
   border-collapse: collapse; 
}
 
.boxer .box-row {
   display: table-row;
}

mein JQuery:

  $(document).ready(function () {
                $('#CFToggle').click(function () {
                    $("#cf1").slideToggle("fast");
                    $("#cf2").slideToggle("fast");
                });

Das togglen funktioniert auch soweit, leider verschiebt er mir die ganzen Container immer und ich komm nicht drauf warum.

        <div class="box-row">
            <div class="boxFirst" id="CFToggle">
                CF</div>

Mit Klick auf den gelben Schriftzug warden die Divs gehided

<div class="box-row" id="cf1">
            <div class="boxFirstUnmarked">
                CF123<div>
            <div class="box">

- - - Aktualisiert - - -

Ok, es liegt wohl an den Tables.. hat jemand n Ideenanstoß wie mans lösenn könnt?

 

[kkapsner]

Du hast nicht wirklich eine Tabelle mit <div>s und display: table gemacht...? Genau für solche tabellarischen Darstellungen gibt es <table> und Konsorten...

Zu deinem Problem: kannst du nicht ein lauffähiges Minimalbeispiel machen? Am besten als Livelink oder fiddle.

PS: Ich habe den Verdacht, dasss es die Kombination zwischen Tabellen und jQuery ist.

 

[hypothenuse]

Moin kkapsner,

um ehrlich zu sein bin ich ziemlich neu auf dem Gebiet. Ich habe eine große Seite, auf der viel Daten tabellarisch angeordnet warden sollen, mir wurde gesagt Tables sind Out, Divs sind in Ich verstehe das man mit Divs einzelne Bereiche einer Seite definieren kann, aber wie formatiere ich viele Elemente innerhalb eines Divs, die tabellarisch angeordnet sind?

Vielen Dank für deine Hilfe, durch einen Zufall funktioniert es nun:

jquery-1.10.2.js <- mit dem funktionierts

jquery-1.alteVersion.js <- mit dem hat es nicht funktioniert

 

[kkapsner]

Tabellenlayouts sind zu recht in Verruf gekommen. Für tabellarische Daten sind <table> gedacht und sollen auch dafür verwendet werden.