kostenloser Webspace werbefrei: lima-city


CSS vs Tabellen

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. calexus schrieb:
    Wo liegt Problem allen DIV-Containern den selbern Wert bei "height:" zu geben und bei der Breite (der mittleren 'Spalte') bspw. prozentuale Angaben zu treffen ?
    a) das Layout wird abhängig von der Auflösung b) wird später Text eingefügt, der nicht mehr in die Spalte passt muss man das Layout ändern. Also wird Layout von Inhalt noch weniger getrennt als mit Tabellen.


    zu a) Dann gibt man halt absolute Werte an. Halt Stop...da muss man rechnen. Ich zieh's zurück. :-P

    zu b) siehe tct -> overflow: auto oder besser noch "min-height:"

    Edit

    calexus schrieb:
    was mich immer noch erstaunt ist, dass im Jahre des Herrn 2009 immer noch die "großen Seiten" mit Millionenumsätzen auf Tabellen setzen. Siehe Amazon oder Google (News) tabellenbasiertes Layout


    Ähm - ist das denn deswegen so gut?
    Wer weiß, welche Beweggründe Amazon & Google haben Tabellen zu nutzen.

    Und ich werf mal ganz dezent Ebay Inc. und die United Internet AG ( 1&1, GMX, Web.de etc) in den Raum..
    (Um mal die Sache mit den "großen, millionenschweren" Seiten im Jahre 2009 in ein anderes Licht zu rücken)

    Beitrag zuletzt geändert: 16.2.2009 22:33:39 von gsts
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. Autor dieses Themas

    c*****s


    overflow: auto;
    das löst das Problem auch nicht... http://calexus.lima-city.de/dreispalten.html
    Hast du schonmal versucht ein Menü mit :hover-Effekten auf Tabellen basierend zu erstellen? unmöglich...
    Naja, Strohmann. Für sowas leistet CSS sicher gute Dienste.
    zu a) Dann gibt man halt absolute Werte an. Halt Stop...da muss man rechnen. Ich zieh's zurück.
    Es geht nicht ums rechnen, sondern darum, dass ein Layout mit 800x600, 1024x768 oder 1200x900 gleich gut aussehen soll, mit absoluten Werten geht das nicht.
    zu b) siehe tct -> overflow: auto oder besser noch "min-height:"
    funktioniert auch nicht :frown: http://calexus.lima-city.de/dreispalten2.html
    Hast du dir den queltext davon selber angeguckt oder hat dir einer gesagt, das das design tabellenbasierend ist?
    Hab es mir selber angeschaut.
    Das design ist nämlich mit divs und css aufgebaut, das menue und andere funktionen sind in tabellen eingegliedert, (so ist es leichter diese dynamisch und übersichtlicher dazustellen) --- meinermeinung genau richtig [mache ich auch so]
    Bei den Google News sind die Tabellen nicht auf das Menue/Footer beschränkt, sondern übernehmen das Layout.
    Und ich werf mal ganz dezent Ebay Inc. und die United Internet AG ( 1&1, GMX, Web.de etc) in den Raum..
    (Um mal die Sache mit den "großen, millionenschweren" Seiten im Jahre 2009 in ein anderes Licht zu rücken)
    ich hab mir jetzt nur mal Ebay angeschaut und da wird sehr wohl auf Tabellen gesetzt.
  4. t*****b

    calexus schrieb:
    zu a) Dann gibt man halt absolute Werte an. Halt Stop...da muss man rechnen. Ich zieh's zurück.


    Es geht nicht ums rechnen, sondern darum, dass ein Layout mit 800x600, 1024x768 oder 1200x900 gleich gut aussehen soll, mit absoluten Werten geht das nicht.


    Du musst in CSS keine absoluten Werte eingeben, sondern kannst auch relative Werte verwenden...


    zu b) siehe tct -> overflow: auto oder besser noch "min-height:"


    unktioniert auch nicht :frown: http://calexus.lima-city.de/dreispalten2.html


    Würdest du XHTML statt HTML verwenden würde das auch funktionieren...
  5. calexus schrieb:

    overflow: auto;
    das löst das Problem auch nicht... http://calexus.lima-city.de/dreispalten.html

    Also ich hab das gleich große Spalten, die erste hat einen schönen overflow. Oder was willst du erreichen?
  6. Autor dieses Themas

    c*****s

    ich will sowas in der Art http://calexus.lima-city.de/spalten.jpg.
    Würdest du XHTML statt HTML verwenden würde das auch funktionieren...
    verstehe ich ehrlich gesagt nicht, was das damit zu tun hat, dass ich kein XHTML verwende :confused:
  7. t*****b

    calexus schrieb:
    ich will sowas in der Art http://calexus.lima-city.de/spalten.jpg.
    Würdest du XHTML statt HTML verwenden würde das auch funktionieren...
    verstehe ich ehrlich gesagt nicht, was das damit zu tun hat, dass ich kein XHTML verwende :confused:


    XHTML verwendet zB ein anderes Boxenmodell als HTML, kennt andere Atribute und/oder stellt die Elemente entsprechend dar.
  8. e********l

    calexus schrieb:
    ich will sowas in der Art http://calexus.lima-city.de/spalten.jpg.
    Würdest du XHTML statt HTML verwenden würde das auch funktionieren...
    verstehe ich ehrlich gesagt nicht, was das damit zu tun hat, dass ich kein XHTML verwende :confused:

    Das ist doch ganz einfach mit DIVs gemacht. Dein äußeres Element hat ja eine bestimmte Höhe und deine Inhalte eine Breite. Gib ihnen noch die Höhe mit und gut ist.

    <div style="width: 800px; height: 600px;">
         <div style="float: left; width: 200px; height: 800px;">Ich bin die erste Box</div>
         <div style="float: left; width: 200px; height: 800px;">Ich bin die zweite Box gleich neben der ersten Box</div>
         <div style="float: left; width: 200px; height: 800px;">Ich bin die dritte Box gleich neben der zweiten Box</div>
    </div>

    Ich sehe da kein Problem drin ^^
  9. Autor dieses Themas

    c*****s

    Das ist doch ganz einfach mit DIVs gemacht. Dein äußeres Element hat ja eine bestimmte Höhe und deine Inhalte eine Breite. Gib ihnen noch die Höhe mit und gut ist.
    Also nochmal :wink: das Problem ist, dass die Spalten wieder eine feste Höhe haben... sie sollen sich aber maximal ausdehnen, d. h. genau so dass der längste Text (hier der in der ersten Spalte) reinpasst. Ansonsten habe ich das Problem, dass ich die Höhe in Pixeln immer anpassen muss, wenn ich was am Content ändere und dass das ganze nicht unabhängig von der Schriftgröße, die der User eingestellt hat, funktioniert.
  10. e********l

    Dann nimmst du eben eine gefloatete Liste und packst da deine DIVs mit 100% höhe rein. Das geht auch. Man muss nur wissen wie ;)
  11. calexus schrieb:
    Wenn man seine Seite schön ordnungsgemäß mit CSS und div-Layern gemacht hat, braucht man für das umpositionieren von Elementen nur einzelne Zeilen des Codes zu ändern. Wenn die Navi vorher links war und sie jetzt rechts sein soll einfach das float: left zu nem float:right machen. EINE Änderung in EINER Datei.
    eine Änderung des Layouts is m. M. n. ein ziemlich großer Eingriff, meistens müssen auch die Grafiken geändert werden, da kann man auch gleich alles neu basteln. Ist also kein so großer Pluspunkt für CSS.

    Du hast nicht verstanden, was ich sagen will: Natürlich musste nicht nur eine einzige Zeile ändern. Aber wenn du es bei einem Tabellendesign machst, dann darfste auf jeder Seite genau das selbe machen.

    Ebenfalls sollte man beachten, dass CSS deutlich mächtiger ist als Tabellen. Ein Standartdesign bekommste so noch hin, aber wenns etwas aufwendiger werden soll, wünsche ich dir nochmals viel Spaß :D
    das sehe ich genau umgekehrt.
    Die meisten Standard-Layouts, sind mit Tabellen einfach und mit CSS kompliziert. Wie z. B. das 3-Spalten-Design, dass man links und rechts zwei Spalten mit fester Breite hat und in der Mitte eine Spalte, die den Rest des Platzes einnimmt. Noch schlimmer wird es, wenn die Spalten die gleiche Höhe haben sollen.

    Nun, natürlich ist CSS nur dann einfacher und mächtiger wenn man es beherrscht...für einen Möchtegerndesigner werden Tabellen villeicht die schnellere Variante sein. [Das erste Prob ist leicht zu lösen: gib dem mittleren Conteiner die breite der linken und rechten spalte als margin und alles ist gut.]

    Beitrag zuletzt geändert: 18.2.2009 11:05:36 von nikic
  12. Kann mal wer das Thema umbenennen?
    Es geht hier eigentlich um die Konkurrenz div-Container vs Tabellen.
    Das hat mit CSS nix am Hut, ich kann auch meine Tabellen mit CSS formatieren.

  13. Autor dieses Themas

    c*****s

    Nun, natürlich ist CSS nur dann einfacher und mächtiger wenn man es beherrscht...für einen Möchtegerndesigner werden Tabellen villeicht die schnellere Variante sein. [Das erste Prob ist leicht zu lösen: gib dem mittleren Conteiner die breite der linken und rechten spalte als margin und alles ist gut.]
    so langsam dreh ich durch :shaft: funzt auch nicht, der mittlere Container hat jetzt einen schönen weißen Rand, aber die anderen Container schieben sich nicht in den Zwischenraum, sie stehen jetzt übereinander!! :-( :-( :-(
    Kann mal wer das Thema umbenennen?
    Es geht hier eigentlich um die Konkurrenz div-Container vs Tabellen.
    Das hat mit CSS nix am Hut, ich kann auch meine Tabellen mit CSS formatieren.
    ich denke, das passt schon, denn mit divs hat es auch nichts zu tun, du kannst es statt mit divs auch mit id's, class oder .h2, .h3 erreichen.
  14. sonok

    Moderator Kostenloser Webspace von sonok

    sonok hat kostenlosen Webspace.

    nikic schrieb:
    Du hast nicht verstanden, was ich sagen will: Natürlich musste nicht nur eine einzige Zeile ändern. Aber wenn du es bei einem Tabellendesign machst, dann darfste auf jeder Seite genau das selbe machen.


    ich kann doch css auch auf tabellen anwenden?

    ch denke, das passt schon, denn mit divs hat es auch nichts zu tun, du kannst es statt mit divs auch mit id's, class oder .h2, .h3 erreichen.


    naja, es geht eben um strukturen der tabellen gegen frei positionierbare strukturen. ich denke auch, das man sich da leicht verzetteln kann. es soll halt jeder lieber so machen, wie er am ende am besten zurechtkommt.
  15. Ich denke ich kann die beweggründe für die tabellenstroktur von google erklähren, der Grund sind textbasierte Browser, ich meine im Grunde genommen ist der Ansatz da von google zum Beispiel nicht schlecht, da die struktur der seite, navigation links die news in 2 spalten rechts bleiben erhalten, da google auch auf diese User setzt ist das verständlich.

    Mit Tabellen kann Mann auch wenn mann geschickt ist überlappungen hinbekommen, das geht schon, zur not benutzt mann CSS.

    Klar gehts hier um die Struktur von divs und tabellen, wo mann ganz klar sagen muss das divs einfach die bessere Alternative darstellen weil einfach übersichtlicher ist und das mann bei Tabellen auch css benutzen kann ist klar, nur wieviele benutzen CSS und Tabellen, sehr wenige.
    Wenn mann zu Tabellen greift also um eine Seite zu Designen benutzen diese Designer in den wenigsten fällen css um die Seite zu formatieren, da sie einfach schnelle Ergebnisse herbeiführen wollen, wenn mann jedoch divs benutzt ist mann gezwungen diese mit css zu formatieren.

    Wiegesagt jeder kanns machen wie er es für richtig hält, wenn jemand gerne mit Tabellen arbeitet soll er es doch tun.

    Alles was mit Tabellen möglich ist ist sowhl auch mit divs und CSS möglich, stell doch mal einer hier irgendwas in Tabellenbasiertem Layout rein was er meint was mit divs und css nicht gelöst werden kann, natürlich jetzt kein riesen Aufgabe, soll schon was kleines sein, und ich stelle es dann in in der div und CSS Form hoch, nur um euch das anschaulich zu machen, ich verstehe das Problem mit den 3 Spalten nicht, wäre nett wenn du es einfach in Tabellenform online stellst das ich es nachbauen kann, errörtere mir was du denkst was nicht in div und CSS form darstellbar sein soll.

    Wiegesagt tut mir Leid was meine Grammatik und meine Groß bzw Kleinschreibung angeht, es ist schon spääät :D

    Bye Jonny2009
  16. pokemondetectives

    pokemondetectives hat kostenlosen Webspace.

    Öhhm
    ich habs immer mit CSS gemacht bis jetzt bin damit auch zufrieden.
    Leicht zu verstehen alles naja mit Tabellen hab ichs noch net gemacht.
    Ich bin für CSS^^
  17. d**w

    Ich persönlich halte nichts von Gestaltung mit Tabellen. CSS ist zwar etwas aufwendiger und bedarf einiger Übung, bietet aber viel mehr möglichkeiten,ist W3C konform und die aktuellen Browser sprechen auch schon ganz passabel CSS.

    Für ältere Browser gibts auch noch ne Menge fertiger Workarounds.
  18. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!