Ankündigung

Einklappen
Keine Ankündigung bisher.

CSS - Welche Techniken nutz ihr zum Layouten von Internetseiten?

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • CSS - Welche Techniken nutz ihr zum Layouten von Internetseiten?

    Hi liebe Community,
    mich würde interessieren welche Techniken ihr zurzeit verwendet, um Internetseiten zu layouten - sprich die Positionierung von unter anderem Elementen und Container etc. Ihr könnt gerne auch mehrere Sachen auswählen, wenn ihr verschiedene Techniken zum Layouten verwendet.

    Ich persöhnlich verwende zum Layouten seit 2014/15 fast ausschließlich CSS-Flexbox und auch mal zwischendurch das Framework Bootstrap. Seit zwei Jahren kommt auch bei mir CSS-Grid mehr und mehr zum Einsatz.

    Ich freue mich auf Antworten und gespannt was heraus kommt.

    Euer Localfu
    6
    Ich verwende zum Layouten immer noch Tabellen
    0%
    0
    Ich verwende zum Layouten von Internetseiten die CSS-Eigenschaft float
    16,67%
    1
    Ich layoute Internetseiten mithilfe von CSS-Flexbox
    83,33%
    5
    Ich verwende Frameworks wie Bootstrap oder andere Frameworks zur gestaltung von Layouts
    33,33%
    2
    Ich verwende zum layouten von Webseiten die CSS-Eigenschaft CSS-Grid
    33,33%
    2
    Phantasie ist wichtiger als Wissen, denn Wissen ist begrenzt.
    Albert Einstein

  • #2
    Die Fragestellung ist nicht hilfreich.

    Zum Layouten sollte immer die passende CSS-Lösung verwendet werden. Sich auf eine der CSS-Techniken zu beschränken ist deshalb unsinnig.

    Nur weil Flexbox und CSS-Grid aktueller sind, sind sie nicht besser als float oder CSS-Table (nicht zu verwechseln mit dem HTML-Element table, das ist ein ganz andere Baustelle). Dadurch sind einfach neue Möglichkeiten hinzugekommen.

    Kommentar


    • #3
      Zitat von MrMurphy Beitrag anzeigen
      Die Fragestellung ist nicht hilfreich.

      Zum Layouten sollte immer die passende CSS-Lösung verwendet werden. Sich auf eine der CSS-Techniken zu beschränken ist deshalb unsinnig.

      Nur weil Flexbox und CSS-Grid aktueller sind, sind sie nicht besser als float oder CSS-Table (nicht zu verwechseln mit dem HTML-Element table, das ist ein ganz andere Baustelle). Dadurch sind einfach neue Möglichkeiten hinzugekommen.
      Hi MrMurphy, mit Tabellen meinte ich auch HTML-Tabellenlayout, da ich bis heute immer noch Seiten finden, die leider immer noch so etwas verwenden. Und verstehe deine Kritik nicht: Ich verwende kein float mehr für meine aktuellen Projekte außer um Texte zu formatieren. Ich fand es nur interessant, wer was noch verwendet und ja float ist nicht mehr up-to-date für die Erstellung von Layouts, da Flexbox und Grid viel mehr bieten können und es dafür auch ausgelegt wurde. Nicht um sonst wurden diese beiden Eigenschaften entwickelt und als Standard der W3C erklärt. Ich finde deshalb es nicht unsinnig sich auf nur die beiden neuen Eigenschaften sich zu orientieren. Nicht umsonst bieten die beiden Eigenschaften mehr Möglichkeiten als Float, zudem war die Float-Eigenschaft nie dafür gedacht, um Webseiten zu layouten wie auch früher Tabellen nicht für das Layouten von Seiten gedacht war. Aber das Web entwickelt sich weiter und man muss sich in bestimmten Bereichen anpassen. Zudem verwednen mehr und mehr User mobile Endgeräte - da ist die Float-Eigenschaft nicht hilfreich und es ist komplexer damit zu arbeiten. Abgesehen davon dass, es in Fachliteratur empfohlen wird diese Methode zu verwenden und es zeigt sich im Netz, dass heute schon mehr und mehr Flexbox und auch Grid verwendet wird. Für mich ist Float als Layouthilfe schon längst obsolet.

      Gruss Localfu
      Phantasie ist wichtiger als Wissen, denn Wissen ist begrenzt.
      Albert Einstein

      Kommentar


      • #4
        Hi,
        Zitat von Localfu Beitrag anzeigen
        zudem war die Float-Eigenschaft nie dafür gedacht, um Webseiten zu layouten wie auch früher Tabellen nicht für das Layouten von Seiten gedacht war.
        wie kommst Du denn darauf? Ursprünglich ging es nur um Textformatierung und Tabellen wurden für's Layout genutzt, weil man sonst keine Boxen nebeneinander platzieren konnte. Mit float änderte sich das und float wurde nicht nur für die Textformatierung entwickelt, denn die Eigenschaft wirkt ja auf blocklevel Elemente.

        Zitat von Localfu Beitrag anzeigen
        Zudem verwednen mehr und mehr User mobile Endgeräte - da ist die Float-Eigenschaft nicht hilfreich
        Auch das stimmt nur dann, wenn (für Smartphones unpassende) Breitenangaben vorgegeben werden; ansonsten setzt float die Elemente passend auch für Smartphones untereinander.

        Zitat von Localfu Beitrag anzeigen
        und es ist komplexer damit zu arbeiten.
        Zugegeben. Aber da ich damals für SELFHTML den Artikel "CSS-basierte Layouts" - wo es vor ca. 20 Jahren nur float gab - erstellt hatte, habe ich damit wirklich keine Probleme.

        Zur Abstimmung hier: wenn ich mich da richtig erinnere, dann konnten doch auch mehrere Antworten auswählen...


        Gruß
        Ingo

        Ingo Webdesign

        Kommentar


        • #5
          Ingo
          Hi Ingo,
          ja das float wirkt sich auch auf verschiedene Elemente aus. Das Float-Elemente wurde aber tatsächslich für was anderes entwickelt als das Layouten von ganzen Seiten. Das trotzdem viele es genutzt haben war ja auch kein Problem. Es gibt aber jetzt in CSS bessere Methoden, um komplette Seiten zu layouten: Dazu zählen die beiden neuen Eigenschaften Flexbox und Grid. Diese können viel mehr als float und diese Eigenschaften wurden darin eingeführt, um auf Lösungen wie Frameworks oder Float verzichten zu können. Mir ist es egal ob du weiterhin float dafür verwendest. Mithilfe von Flexbox z.B. lassen sich wunderbar Projekte umsetzen für mobile Endgeräte als auch für Desktop-PC's. Es wird auch in Fachliteratur und auch vom W3C empfohlen diese neuen Techniken zu verwenden.

          Zur Abstimmung: Ja man kann mehrere Sachen ankreuzen auch die Methode der Layouterstellung mithilfe von Tabellen ;-)

          Gruss Localfu
          Phantasie ist wichtiger als Wissen, denn Wissen ist begrenzt.
          Albert Einstein

          Kommentar


          • #6
            CSS und Bootstrap sind die Sachen, die ich nutze. In der Regel kommt man mit einem gescheiten CMS-Tool schon ziemlich weit.... also meine Meinung

            Kommentar

            homepage-forum.de - Hilfe für Webmaster! Statistiken

            Einklappen

            Themen: 56.504   Beiträge: 427.331   Mitglieder: 28.081   Aktive Mitglieder: 49
            Willkommen an unser neuestes Mitglied, Coni1726.

            Online-Benutzer

            Einklappen

            144 Benutzer sind jetzt online. Registrierte Benutzer: 4, Gäste: 140.

            Mit 2.057 Benutzern waren am 14.07.2019 um 11:45 die meisten Benutzer gleichzeitig online.

            Die neuesten Themen

            Einklappen

            • daniel5959
              Antwort auf Gästebuch für meine Homepage
              Nachtrag




              Was jetzt stimmt - Kommentarfunktion oder Gästebuch - mal selber herausfinden....
              Heute, 01:25
            • daniel5959
              Antwort auf Gästebuch für meine Homepage
              Hallo,

              muss es denn unbedingt ein Gästebuch sein?

              Früher gab es Gästebücher auf sehr vielen Homepages. Heute sind sie selten, da meistens gar nichts geschrieben wird oder es wird mit Spam überflutet, so dass es dauernd überprüft und vom Spam gesäubert werden muss....
              Heute, 01:03
            • arnego2
              Antwort auf Wartungs .htaccess auf nginx zum Laufen bringen?
              Post ihn doch einfach passiv...
              Gestern, 22:50
            • Coni1726
              Gästebuch für meine Homepage
              Hallo zusammen,
              ich brauche dringend Hilfe. Ich habe bei 1&1 ionos eine Homepage angelegt über das Baukastenprinzip. Die bieten kein Gästebuch an. Ich habe im Internet gesucht aber da gibt es immer nur welche die auf anderen Homepages liegen. Wie bekomme ich eins nur auf meine Seite. habe...
              Gestern, 22:22
            • ThegreenY
              Antwort auf Wartungs .htaccess auf nginx zum Laufen bringen?
              Vielen Dank für deine Antwort, ich habe eine der einfachsten aber auch nicht so tolle methode nicht bedacht, es gibt diverse Converter die einem eine einfache htaccess in nginx code umwandeln, da bin ich auf der Suche nach einer erklärung zu nginx config code drüber gestolpert, damit war es dann...
              Gestern, 21:39

            Die neuesten Beiträge

            Einklappen

            • Coni1726
              Gästebuch für meine Homepage
              Hallo zusammen,
              ich brauche dringend Hilfe. Ich habe bei 1&1 ionos eine Homepage angelegt über das Baukastenprinzip. Die bieten kein Gästebuch an. Ich habe im Internet gesucht aber da gibt es immer nur welche die auf anderen Homepages liegen. Wie bekomme ich eins nur auf meine Seite. habe...
              Gestern, 22:22
            • daniel5959
              Antwort auf Gästebuch für meine Homepage
              Nachtrag




              Was jetzt stimmt - Kommentarfunktion oder Gästebuch - mal selber herausfinden....
              Heute, 01:25
            • daniel5959
              Antwort auf Gästebuch für meine Homepage
              Hallo,

              muss es denn unbedingt ein Gästebuch sein?

              Früher gab es Gästebücher auf sehr vielen Homepages. Heute sind sie selten, da meistens gar nichts geschrieben wird oder es wird mit Spam überflutet, so dass es dauernd überprüft und vom Spam gesäubert werden muss....
              Heute, 01:03
            • ThegreenY
              Wartungs .htaccess auf nginx zum Laufen bringen?
              Hallo Forum,

              ich weiß nicht wo ich dass hier sonnst posten sollte, falls es hier nicht rein passt, einfach verschieben.

              Ich habe nun eine .htaccess Datei erstellt, die im falle einer anstehenden Wartung auf den Server geladen werden soll und dann die Nutzer auf die Wartungs...
              Gestern, 18:09
            • arnego2
              Antwort auf Wartungs .htaccess auf nginx zum Laufen bringen?
              Post ihn doch einfach passiv...
              Gestern, 22:50
            • ThegreenY
              Antwort auf Wartungs .htaccess auf nginx zum Laufen bringen?
              Vielen Dank für deine Antwort, ich habe eine der einfachsten aber auch nicht so tolle methode nicht bedacht, es gibt diverse Converter die einem eine einfache htaccess in nginx code umwandeln, da bin ich auf der Suche nach einer erklärung zu nginx config code drüber gestolpert, damit war es dann...
              Gestern, 21:39
            • Localfu
              Antwort auf Wartungs .htaccess auf nginx zum Laufen bringen?
              HiThegreenY,
              leider wird das nix mit .htaccess und nginx. Denn nginx ist ein sehr hochperformanter Webserver, der auf .htaccess deswegen verzichtet. Also bringt deine .htaccess-Datei auf dem Server leider nichts.

              Da funktioniert die Apache-Konfigurationsdatein nicht. Such doch im...
              Gestern, 21:09
            • daniel5959
              Antwort auf Wartungs .htaccess auf nginx zum Laufen bringen?
              Hallo,

              bei mehrere IPs müssten diese wohl in die IF-Zeile mit "or" hinzugefügt werden

              PHP-Code:
              if ($remote_addr != 127.0.0.1 or 127.0.0.2 or 127.0.0.3
              Es heißt im Link oben



              Wie heißt den die Konfigurationdatei in diesem Verzeichnis?...
              Gestern, 19:54
            • ThegreenY
              Antwort auf Wartungs .htaccess auf nginx zum Laufen bringen?
              Bei google habe ich die meißten Sachen jetzt schon Durch.

              Ich würde es gerne so haben dass ich entweder eine Datei ins Verzeichnis reinladen oder umbennen muss damit die Wartung Aktiv wird, z.B. eine .htaccess datei ins Verzeichnis laden oder aber wartung_off.php in wartung_on.php umbenennen....
              Gestern, 19:27
            • daniel5959
              Antwort auf Wartungs .htaccess auf nginx zum Laufen bringen?
              Hallo,

              bei Google gibts noch weitere Funde - auch dort mal geschaut?

              Und wenn es nicht so funktioniert wie gewünscht, dann schildern was anders sein soll, damit die Helfer wissen, ob und wie sie helfen können.

              daniel5959 ...
              Gestern, 19:19
            Lädt...
            X