Tabelle breiter als Bildschirm trotz CSS-Code

    Hallo zusammen,

    Ich habe schon im Internet nachgeschaut, aber alle Codes, die ich bislang verwendet habe, helfen mir nicht weiter.
    Ich hab folgendes Problem:
    Ich benutze eine Tabelle mit 102 Zeilen und 12 Spalten. Ohne Zusatz-CSS im Table-reloaded ist die Tabelle aber viel breiter als der verfügbare Anzeigeplatz, sprich ich sehe nur die Kolonnen 1-8.

    Der Befehl (und viele andere die ich versucht habe), werden ignoriert, sprich nichts ändert sich:
    .wp-table-reloaded-id-1 .column-1 {
    text-align: center;
    width: 100px!important;
    }

    Auch fängt die Tabelle nicht links im Bild an, sondern Mitten im Feld.

    Was mache ich falsch? Ich würd die Tabelle gerne ganz sehen, resp. wenn sie doch zu gross ist, scrollen können...

    Vielen Dank für eure Hilfe.
    Gruss,
    Krümmelchen

    • Gerade eben
    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

    1) Die Breite des Themes ist bei einspaltigem Seitentemplate auf 640px begrenzt.

    Code
    .one-column #content {
    margin: 0 auto;
    [COLOR="#FF0000"]width: 640px;[/COLOR]
}

    2) Für die einzelnen Zellen wurde ein Padding von 24px (links/rechts) festgelegt

    Code
    #content tr th, #content thead th {
    color: #888888;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    [COLOR="#FF0000"]padding: 9px 24px;[/COLOR]
}

    Gleiches gilt für

    Code
    #content tr td {
    border-top: 1px solid #E7E7E7;
    [COLOR="#FF0000"]padding: 6px 24px;[/COLOR]
}

    Warum ist die width so groß?

    Code
    [COLOR=#000000][FONT=Consolas]one-column #content[/FONT][/COLOR][COLOR=#000000][FONT=Consolas] {[/FONT][/COLOR]
[LIST]
[*][COLOR=#C80000]margin[/COLOR]: 0 auto;
[*][COLOR=#C80000]width[/COLOR]: 2560px; }
[/LIST]

    Und mach mal bei dem padding: aus der 24px eine10px

    Suuuper, vielen Dank!!
    Ansika24, genau das hat geholfen.
    Die width hatte ich nur kurz zum testen mal so gross gemacht. Jetzt steht sie auf 1280px.
    Auf jeden Fall klappt's jetzt. Bedanke mich recht herzlich bei euch beiden für die schnelle Hilfe.
    Gruss!

    Du solltest den Wert noch auf 940px runtersetzen, weil Dein wrapper auch nur 940px hat!

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden