Ergebnis 1 bis 4 von 4
  1. #1
    hypothenuse ist offline Grünschnabel
    registriert
    14-09-2015
    Beiträge
    2

    SideToggle / Divs verschieben sich

    Hi zusammen,

    mein CSS:

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

    HTML-Code:
      $(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.

    HTML-Code:
            <div class="box-row">
                <div class="boxFirst" id="CFToggle">
                    CF</div>
    Mit Klick auf den gelben Schriftzug warden die Divs gehided


    HTML-Code:
    <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?
    Angehängte Grafiken Angehängte Grafiken
    • Dateityp: png js.png (10,8 KB, 6x aufgerufen)
    Geändert von mikdoe (14-09-2015 um 16:27 Uhr) Grund: code tags

  2. #2
    Avatar von kkapsner
    kkapsner ist offline Super Moderator
    registriert
    28-03-2008
    Beiträge
    17.757

    AW: SideToggle / Divs verschieben sich

    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.

  3. #3
    hypothenuse ist offline Grünschnabel
    registriert
    14-09-2015
    Beiträge
    2

    AW: SideToggle / Divs verschieben sich

    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

  4. #4
    Avatar von kkapsner
    kkapsner ist offline Super Moderator
    registriert
    28-03-2008
    Beiträge
    17.757

    AW: SideToggle / Divs verschieben sich

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

Ähnliche Themen

  1. Divs verschieben
    Von fireblade1875 im Forum CSS und (X)HTML
    Antworten: 5
    Letzter Beitrag: 18-04-2013, 17:46
  2. Divs überschreiben sich
    Von Padimi im Forum CSS und (X)HTML
    Antworten: 7
    Letzter Beitrag: 23-09-2008, 21:15
  3. Divs öffnen und schließen sich
    Von berni.walzl im Forum JavaScript
    Antworten: 2
    Letzter Beitrag: 14-08-2008, 22:13
  4. jacacript divs verschieben
    Von sunzi im Forum JavaScript
    Antworten: 2
    Letzter Beitrag: 21-02-2008, 11:00

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •