Tabelle wird abgeschnitten

feuerbreak

Hallo Leute,

ich habe folgendes Problem:

Ich habe eine Website in der eine Auswertung mittels einer Tabelle gemacht wird.
Jedoch wird die Tabelle vom Body immer abgeschnitten.
Abhilfe konnte ich bisher nur mit einer statischen Angabe der Breite finden.
Die Tabelle ist aber immer unterschiedlich breit. Daher eine sehr doofe Lösung.
Anbei mal ein Screenshot:
http://www.directupload.net/file/d/3554/yxr9pfzn_png.htm

Hier wird sichtbar, dass vertikal gescrollt werden kann, jedoch nicht horizontal.

Nun lass ich den Code sprechen:
CSS-mäßig ist folgendes deklariert:

Code

<style>


body {


width: 100%;
font-family: Arial;
font-size: 6;


}






table{
font-size: 9pt solid black;
color: black;
table-layout: fixed;


}




td{
font-size: 9pt;
}

</style>

Alles anzeigen

Die Frage ist was mache ich falsch und wie kann ich gewährleisten, dass ich auch horizontal scrollen kann?

LG

explanator

Du solltest uns schon alles zeigen also auch HTML-Quellcode.

Zu deinen CSS Angaben:

Code

body {
    width: 100%;
    font-family: Arial;
    font-size: 6;
}

width ist unnötig, Blockelemente sind immer 100% breit.
Was wenn einer keine Schrift Arial hat?
font-size 6 ist ohne Einheit, was willst du? em, px oder %

Code

table{
    font-size: 9pt solid black;
    color: black;
    table-layout: fixed;
}

font-size kann nicht solid sein und auch nicht black, font-size heisst ja Schriftgrösse. 9pt ist eine Angabe zum drucken. Bildschirme haben kein pt. Verwende em, px oder %
Weisst du was table-layout: fixed macht.

Code

td{
    font-size: 9pt;
}

Das selbe wie oben.

Tipp Lerne CSS Eigenschaften kennen.

feuerbreak

Alles klar:

Hier der HTML Code ab Aufbau der Tabelle:

Code

##### ARRAYS u. VARIABLEN #####






$kundenarray = $this->kunde;
$dienstl_id = $this->dienstl;
$anzeige_wert = $this->anzeige_wert;




array_push($dienstl_id, Gesamtergebnis);




########## Ausgabe ##########


    echo "<div>";
    echo "<table border='0' id='ala_table' class='sortable'>";
    echo "<tr>";


    echo "<td bgcolor='#45B28A'></td>";






##### Auflistung aller Kunden #####




    foreach($kundenarray as $key => $value){
        echo "<td bgcolor='#45B28A' class='b'>".$value."</td>";

    }


    echo "<td bgcolor='#45B28A' class='b'>Gesamtergebnis</td>";
    echo "</tr>";


    
    $i = 0;

##### Auflistung aller Dienstleister #####




    foreach($dienstl_id as $key => $value){


        if($i%2 == 0)
            {
            echo "<tr class='colorlight'>";
            }else{
            echo "<tr class='colorgrey'>";
            }
            $i++;




        echo "<td bgcolor='#45B28A' class='b'>" . $value . "</td>";

        $summe_zeile  = 0;



#### Ausgabe der Sendungen pro Kunde und Dienstleister ####


        foreach($kundenarray as $key2 => $value2){


            
            if ($value != "Gesamtergebnis"){
                echo "<td>".$anzeige_wert[$value][$value2]."</td>";
            }else{


            echo "<td class='bb'>".$anzeige_wert[$value][$value2]."</td>";
            }




            if ($value != "Gesamtergebnis"){


                $anzeige_wert['Gesamtergebnis'][$value2] = $anzeige_wert['Gesamtergebnis'][$value2] + $anzeige_wert[$value][$value2];
                }


            
            $summe_zeile = $summe_zeile + $anzeige_wert[$value][$value2];


        }


        echo "<td class='bb'>" . $summe_zeile . "</td>";

    }




        echo "</tr></table>";





echo '    <div class="create_csv" style="margin-right: 10px; padding-top: 5px; padding-left: 10px;" >

        <form action="tl_files/js/create_csv.php" id="csv_request" method="post" target="_blank" style="float: right; display: inline-block;">
            <input type="hidden" id="csv_text" name="csv_text" value="">
            <input type="submit" value="Create Excel" style="background:none; border:none; cursor:pointer;">
        </form>
        </div></div>


';

Alles anzeigen

mfg feuerbreak

explanator

Wie wäre es wenn du mal die Grundlagen lernst. Das ist kein HTML-Code sondern PHP, dafür gibt es auch extra Code-Schalter hier im Editor, spätestens dann wäre es dir aufgefallen, dass du uns kein HTML-Code zeigst.
Allein was ich da sehe, zeigt mir schon, dass du von HTML4 und HTML5 nicht allzuviel Ahnung hast.

Verwende im ersten Schritt den Validator um dir die Fehler anzuzeigen zu lassen. Behebe diese und zeige uns danach den Link zu deiner Seite, sollte das Problem fortbestehen.

feuerbreak

Zitat von explanator

Wie wäre es wenn du mal die Grundlagen lernst. Das ist kein HTML-Code sondern PHP, dafür gibt es auch extra Code-Schalter hier im Editor, spätestens dann wäre es dir aufgefallen, dass du uns kein HTML-Code zeigst.
Allein was ich da sehe, zeigt mir schon, dass du von HTML4 und HTML5 nicht allzuviel Ahnung hast.

Verwende im ersten Schritt den Validator um dir die Fehler anzuzeigen zu lassen. Behebe diese und zeige uns danach den Link zu deiner Seite, sollte das Problem fortbestehen.

was macht der validator?
und wieso, bzw. woran machst du fest das ich deiner Meinung nach keine Ahnung von HTML habe?
und ja ich habe php code im html.
na und?
ist doch egal..
ja sorry das ich nicht explizit die

PHP

php

kennung verwendet habe...

synaptic

wieso postest du ein bild vom aussehen, statt eines links zur seite oder zu einer vorschau in einem freespace...?!?
ich mein code und so is ja schon ganz ok, aber leider posten die leute hier selten ALLES, so dass mans ordentlich nachstellen kann.

explanator

Zitat von feuerbreak

was macht der validator?

Siehe Wikipedia für die Erklärung.

Zitat

und wieso, bzw. woran machst du fest das ich deiner Meinung nach keine Ahnung von HTML habe?

Weil du Fehlerhaftes HTML verwendest.
Zum Beispiel hier

HTML

<table border='0'

und hier

HTML

<td bgcolor='#45B28A'>

Diese Fehler wird dir der Validator ebenso anzeigen und anmeckern. Probiere es aus.

feuerbreak

Zitat von synaptic

wieso postest du ein bild vom aussehen, statt eines links zur seite oder zu einer vorschau in einem freespace...?!?
ich mein code und so is ja schon ganz ok, aber leider posten die leute hier selten ALLES, so dass mans ordentlich nachstellen kann.

Geht leider nicht, da die Website in meinem Intranet befindlich ist.

Hier nochmal zwei Bilder
Das erste zeigt den oberen Teil der Seite
und der zweite Link zeigt den unteren Schluss / Teil der Seite.

http://www.directupload.net/file/d/3557/sy4ubofr_png.htm

http://www.directupload.net/file/d/3557/c9p2zn93_png.htm

Wie gesagt. Die Frage ist, wieso die Tabelle nach rechts immer abgeschnitten wird?
Hierbei handelt es sich um eine dynamische Tabelle. Sie ist also für jeden Auswertungszeitraum unterschiedlich groß.
In der Länge, sowie auch in der Breite.

Bandit

Zitat von feuerbreak

Geht leider nicht, da die Website in meinem Intranet befindlich ist.

Dann schieb' den Kram bei irgend einem Freehoster auf den Server, die Bilder helfen kein Stück weiter.

synaptic

spontan würde ich denken du hast irgendwo in den eltern-containern nen overflow:hidden.
sonst würde nix abgeschnitten und der tabelle gibt man für zuversichtliche anzeige mindestens ne breite mit... 100% eignet sich hervorragend, weil man dann durch den umliegenden container die breite bestimmt

feuerbreak

Zitat von Bandit

Dann schieb' den Kram bei irgend einem Freehoster auf den Server, die Bilder helfen kein Stück weiter.

geht leider nicht...
SQL-Abfrage dahinter (mittelst php :))

synaptic

danke für den tipp,
ich schau mal nach...

Bandit

Zitat von feuerbreak

geht leider nicht...
SQL-Abfrage dahinter (mittelst php :))

Freehoster bieten meist auch PHP/MySQL

feuerbreak

Zitat von Bandit

Freehoster bieten meist auch PHP/MySQL

wer wäre so ein freehoster?
und wie bekomme ich dann meine Daten die abfragt werden dahin?

explanator

Einer unter vielen ist zum Beispiel bplaced.net und die Daten bekommst dahin mit einem sql-dump, vorzugsweise über phpMyAdmin.
In phpMyAdmin den Punkt exportieren auswählen.

feuerbreak

nop
läuft bei mir

habs mit javascript gefixt!

explanator

Und wenn man Javascript aus hat, was dann?
Sehr ungeschickte Massnahme zumal das auch besser geht und zwar ohne Javascript.

Und - nur weil etwas bei dir zufällig läuft, heisst es nicht das es auf anderen Rechnern mit anderer Konfiguration auch so ist.

lukasn

Zitat von explanator

Und wenn man Javascript aus hat, was dann?

Ach hör doch auf mit der Frage. Stimme dir zwar zu, dass es in diesem Fall wohl kaum dir richtige Lösung ist, aber seien wir mal ehrlich: Ein Grossteil aller modernen Webseiten sind ohne JavaScript nicht anwendbar. JS als nice-to-have zu behandeln zieht also schon lange nicht mehr.

explanator

Nur weil alle das Gleiche machen muss es nicht zwangsläufig richtig sein.

Lies mal:
http://de.wikipedia.org/wiki/Progressive_Verbesserung
http://de.wikipedia.org/wiki/Unobtrusive_JavaScript

Tags