tutorials.de Buch-Aktion 05/2012
ERLEDIGT
NEIN
ANTWORTEN
8
ZUGRIFFE
692
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
DIESES THEMA IST
GESCHLOSSEN
  1. #1
    fungo fungo ist offline Mitglied Brokat
    Registriert seit
    May 2001
    Ort
    Nähe Hannover
    Beiträge
    492
    Möchte jetzt meine neue Seite ohne Tabellen gestalten, sondern nur auf CSS zurückgreifen.

    Wie setze ich am besten eine Tabelle der Form
    <table>
    <tr>
    <td>Name</td>
    <td>Nachname</td>
    <td>usw...</td>
    </tr>
    </table>
    um? Die Tabelle soll in einem Template in einer Schleife eingebaut werden, bei meinen vorherigen versuchen mit CSS ergabt einen Haufen von Bauchstaben.
     
    Deus é Brasileiro

  2. #2
    Registriert seit
    Jan 2003
    Beiträge
    448
    Wieso willst du das nicht mit Tabellen machen? Es ist die einfachste Möglichkeit und auch die die auch wirklich auf fast jedem Browser funktioniert.

    Das ist nur ne Notlösung:
    Code :
    1
    2
    3
    
    <div style="position:absolute;left:0%;top:0px;width:33%">Name</div>
    <div style="position:absolute;left:33%;top:0px;width:33%">Nachname</div>
    <div style="position:absolute;left:66%;top:0px;width:33%">usw...</div>
     
    Ich gebe keine Garantie darauf, dass meine Skripte funktionieren. Das, was ich in Foren poste, ist oft ungetestet. Trotzdem versuche ich nach bestem Wissen zu programmieren und zu erklären.

  3. #3
    Avatar von webfreak
    webfreak webfreak ist offline Mitglied Gold
    Registriert seit
    Oct 2003
    Beiträge
    104
    Ich sehe auch keine Grund um auf Tabellen zu verzichten. Mit diesen kann man wirklich (fast) alles umsetzen was man sich vorstellen will.

    Du kannst aber auch die höhe der Einselne exTabellenzellen berechnen und dann mit CSS absolut positionieren, aber das ist schwachsinnig!

    webfreak
    Geändert von webfreak (28.12.03 um 14:37 Uhr)
     

  4. #4
    mini_xs mini_xs ist offline Mitglied Silber
    Registriert seit
    Jun 2003
    Ort
    BW
    Beiträge
    78
    Hallo!
    Es kommt darauf an: Willst du das Layout, also den Aufbau der Seite selbst ohne Tabellen machen? Das ist durchaus gut.
    Wenn du aber eine einfache Tabelle wie deine gezeigte durch css erstetzen willst ist das nicht gut. Denn für soetwas sind Tabellen gedacht also warum nicht dazu benutzen.

    Hier einige Beispiele für Layouts ohne Tabellen(Englisch)
    http://www.thenoodleincident.com/tut...son/boxes.html

    Gruss Stefan
     
    Die Kunst zu gefallen, ist die Kunst zu täuschen. (Vavenarques)

  5. #5
    tofa tofa ist offline Mitglied Bronze
    Registriert seit
    Jan 2002
    Beiträge
    33
    Ich sehe auch keine Grund um auf Tabellen zu verzichten. Mit diesen kann man wirklich (fas) alles umsetzen was man sich vorstellen will.
    Möchte man Daten tabellarisch visualisieren, wäre es selbstverständlich wenig sinnvoll dafür DIV-Tags einzusetzen und mittels CSS als Tabelle zu formatieren.
    Wer jedoch ein Seitenlayout mithilfe von Tabellen gestalten möchte, hat den Sinn von CSS nicht verstanden. Gegen den Einsatz von Tabellen als Layoutwerkzeug sprechen vielerlei Gründe:

    • Ineinander geschachtelte Tabellenkonstrukte sind nicht nur unübersichtlich sondern kaum zu warten.
    • Tabellen werden blockweise geladen, ergo zeigt der Browser Inhalte erst an, sobald er den gesamten Inhalt einer Tabelle von Webserver geholt hat.
    • Seiten, die Tabellen als Layoutwerkzeug missbrauchen, sind für Sehbehinderte Menschen schwerlich zu erfassen.


    Viele Grüße wünscht,
    Tom
     

  6. #6
    Registriert seit
    Jan 2003
    Beiträge
    448
    Tabellen werden blockweise geladen, ergo zeigt der Browser Inhalte erst an, sobald er den gesamten Inhalt einer Tabelle von Webserver geholt hat.
    Nö... Stimmt net... Der Internet Explorer vielleicht, aber die Gecko-Engine ist etwas intelligenter.

    Seiten, die Tabellen als Layoutwerkzeug missbrauchen, sind für Sehbehinderte Menschen schwerlich zu erfassen.
    Wenn man es mit Tabellen nicht übertreibt, kann es sogar hilfreich sein - Linke Zelle die Navigation, rechte Zelle der Inhalt. In meinen Augen trägt das zur Strukturierung von Inhalten bei und ist im Endeffekt genauso, wie bei frei positionierbaren Layern, wenn nicht noch besser.
     
    Ich gebe keine Garantie darauf, dass meine Skripte funktionieren. Das, was ich in Foren poste, ist oft ungetestet. Trotzdem versuche ich nach bestem Wissen zu programmieren und zu erklären.

  7. #7
    tofa tofa ist offline Mitglied Bronze
    Registriert seit
    Jan 2002
    Beiträge
    33
    Nö... Stimmt net... Der Internet Explorer vielleicht, aber die Gecko-Engine ist etwas intelligenter
    Eigentlich ist es intelligent Tabellen bzw. ihre Inhalte nicht atomar, sondern als Einheit zu laden. Schließlich wurden sie dazu erdacht, Daten tabellarisch aufzubereiten. Nur in Ermanglung vernünftiger Layoutwerkzeuge - also vor CSS - wurden Tabellen als Hilfsvehikel zum Layouten zweckentfremdet.

    Zugegeben, angesichts der traurigen Situation, dass die Möglichkeiten von CSS nicht genutzt und teilweise auch gar nicht von Browserherstellern implementiert werden, arbeitet die Gecko-Engine in der Tat effizienter. Wo hast du denn die Information bezüglich der Gecko-Engine her?

    Wenn man es mit Tabellen nicht übertreibt, kann es sogar hilfreich sein - Linke Zelle die Navigation, rechte Zelle der Inhalt. In meinen Augen trägt das zur Strukturierung von Inhalten bei und ist im Endeffekt genauso, wie bei frei positionierbaren Layern, wenn nicht noch besser.
    Gegen den Einsatz einer Tabelle zur Strukturierung des Layouts ist im Grunde genommen auch nichts einzuwenden - insbesondere in Hinblick auf die Abwärtskompatibilität zu betagteren Browsern. Jedoch bietet CSS hier weitreichendere Möglichkeiten. Sobald man jedoch beginnt mehrere Tabellen ineinander zu verschachteln, baut man unnötige, da leicht vermeidbare Barrieren für Sehbehinderte Menschen.


    Viele Grüße wünscht,
    Tom
     

  8. #8
    Registriert seit
    Jan 2003
    Beiträge
    448
    Eigentlich ist es intelligent Tabellen bzw. ihre Inhalte nicht atomar, sondern als Einheit zu laden.
    Als Einheit zu laden seh ich ein riesen Problem, wenn z.B. längere Texte in einer Tabelle stehen, oder sie aus sehr vielen Zellen besteht. Die gefühlte Ladezeit verlängert sich. Um das zu vermeiden - ganz klar - ist CSS eine der besten Möglichkeiten.

    Wo hast du denn die Information bezüglich der Gecko-Engine her?
    Ich benutze Firebird - Daher
     
    Ich gebe keine Garantie darauf, dass meine Skripte funktionieren. Das, was ich in Foren poste, ist oft ungetestet. Trotzdem versuche ich nach bestem Wissen zu programmieren und zu erklären.

  9. #9
    tofa tofa ist offline Mitglied Bronze
    Registriert seit
    Jan 2002
    Beiträge
    33
    Als Einheit zu laden seh ich ein riesen Problem, wenn z.B. längere Texte in einer Tabelle stehen, oder sie aus sehr vielen Zellen besteht. Die gefühlte Ladezeit verlängert sich. Um das zu vermeiden - ganz klar - ist CSS eine der besten Möglichkeiten.
    Nun gut, dem kann ich zustimmen. Allerdings bleibt hier fraglich, ob längere Textpassagen aus genannten Gründen in einer Tabelle gut aufgehoben sind.

    Ich benutze Firebird - Daher
    Stimmt, Gecko baut Seiten oftmals zügiger auf als die IE-Engine. Ich habe nur gehofft, dass du eine Doku über die genaue Funktionsweise zur Hand gehabt hättest. Denn beim atomaren Laden und Rendern einzelner Zellen, ohne den Inhalt der gesamten Tabelle "zu kennen", kann mit diversen Problemen verbunden sein.


    Viele Grüße wünscht,
    Tom
     

Ähnliche Themen

  1. Probleme mit CSS zu layouten
    Von ede592 im Forum CSS
    Antworten: 14
    Letzter Beitrag: 29.01.10, 17:14
  2. Grafiken zum Layouten
    Von Muckel1986 im Forum Creative Lounge
    Antworten: 2
    Letzter Beitrag: 23.11.09, 12:37
  3. Grafikkarte für CAD, Videoediting, und Layouten
    Von achsonaja im Forum Hardware
    Antworten: 1
    Letzter Beitrag: 22.11.08, 18:16
  4. Jahrbuch layouten
    Von jonasanschlag im Forum Desktop Publishing (DTP)
    Antworten: 1
    Letzter Beitrag: 14.03.07, 16:21
  5. layouten mit dynamischen DIVs
    Von kri im Forum CSS
    Antworten: 1
    Letzter Beitrag: 01.07.04, 10:03