TiLoLiT: DIV Box mit css Zentrieren

Ich bin am Verzweifeln. Habe schon gegoogelt usw.

Wahrscheinlich ist es ein ganz simpler Fehler, aber ich finde ihn nicht.

Es geht um diese Seite:
www.tilo-hensel.de

Ich möchte diese Seite komplett zentriert bekommen mittels CSS.

Die CSS Datei ist hier zu finden:
www.tilo-hensel.de/css.css

Ich bekomme es einfach nicht hin.

Außerdem ist mir eben aufgefallen das im IE die 3 unteren, linken Grafiken (Impressum) einen Abstand nach oben haben, woher kommt das, im Firefox sieht man kein Abstand?

Vielen Dank im voraus!!

Gruß Tilo

  1. hi,

    Ich bin am Verzweifeln. Habe schon gegoogelt usw.

    Hättest nur Oben auf den Link Forums-Hilfe, Formatierung von Postings klicken müssen.

    Da gibt es unter den FAQ einen Link zu CSS: Ausrichtung von Block-Level-Elementen.

    Aber halb so Wild, bist nicht der erste der die FAQ übersieht.

    Es geht um diese Seite:
    www.tilo-hensel.de

    Verweise einbinden.

    Außerdem ist mir eben aufgefallen das im IE die 3 unteren, linken Grafiken (Impressum) einen Abstand nach oben haben, woher kommt das, im Firefox sieht man kein Abstand?

    Naja, absolute positionierung sollte man nur wenn unbedingt nötig und man genau weiss, was man tut, nutzen.
    Du kannst neben top:590px; auch auf bottom: 0; zurückgreifen, da hast du nicht soviel Rechnerei.

    mfg

    1. hi,

      achja, hätte ich fast vergessen: diese Seite gegebenenfalls bookmarken.

      mfg

  2. ich hab es mir angesehen und bin nicht durchgestiegen,
    also hab ich es mal neu geschrieben und die ganzen images gecleant ist zwar immernoch nicht das was man so allgemein "barrierefrei" nennt aber so wie die Seite aussieht scheint es auch nicht die Zielgruppe zu sein die du erreichen willst das fertige zip kannst du hier runterladen ich hab es mal bei mir hochgeladen:

    http://felix.fh-n.de/Downloads/tilo-hensel.zip

    du kannst alle drei dateien so hochladen es sieht in allen wichtigen browsern gleich aus: firefox, opera, IE7, IE6 safari

    1. ich hab es mir angesehen und bin nicht durchgestiegen,
      also hab ich es mal neu geschrieben und die ganzen images gecleant ist zwar immernoch nicht das was man so allgemein "barrierefrei" nennt aber so wie die Seite aussieht scheint es auch nicht die Zielgruppe zu sein die du erreichen willst das fertige zip kannst du hier runterladen ich hab es mal bei mir hochgeladen:

      http://felix.fh-n.de/Downloads/tilo-hensel.zip

      du kannst alle drei dateien so hochladen es sieht in allen wichtigen browsern gleich aus: firefox, opera, IE7, IE6 safari

      Vielen Dank nemoinho!!
      Habs mal auf meine Seite hochgeladen:
      http://www.tilo-hensel.de/new/index.html

      Allerdings ist mir aufgefallen das beim IE7 bei mir die Grafiken nun komplett "spinnen", sie sind bei mir einfach alle untereinander? Weil du doch meintest das bei dir es immer geklappt hat.

      Die Seite ist nun XHTML 1.0 Strict valid und CSS level 2.1 validiert

      Gruß Tilo

      1. hi,

        Habs mal auf meine Seite hochgeladen:

        http://www.tilo-hensel.de/new/index.html

        Du wärst mit SELF machen besser bedient, die nötigen Links und Infos hast du von suit und mir bekommen.

        Allerdings ist mir aufgefallen das beim IE7 bei mir die Grafiken nun komplett "spinnen", sie sind bei mir einfach alle untereinander?

        Es ist nicht nur der IE7, der 6er tut es auch, mit anderen Browsern will ich erst garnicht testen.
        Für das bisschen Bilder sind 15 ... 20 divs definitiv übers Ziel hinausgeschossen und alles andere als gut.
        Stichwort -- Semantisches Web.

        Die Seite ist nun XHTML 1.0 Strict valid und CSS level 2.1 validiert

        Das spielt eine Marginale Rolle, erst recht, wenn die Seite in den gängigsten Browsern nichts taugt.

        mfg

        1. jo ich hatte nen kleinen Fehler eingebaut den ich erst nach dem testen noch dazu gepackt hatte weil ich das document variabler machen wollte (sonne Sache, bei mir muss immer alles gleich mehrweg sein^^)
          das Problem ist im css bei der ersten regel, da muss das
          "clear: both;"
          weg dann ist alles wieder im lot

          1. jo ich hatte nen kleinen Fehler eingebaut den ich erst nach dem testen noch dazu gepackt hatte weil ich das document variabler machen wollte (sonne Sache, bei mir muss immer alles gleich mehrweg sein^^)
            das Problem ist im css bei der ersten regel, da muss das
            "clear: both;"
            weg dann ist alles wieder im lot

            Super! Danke nemoinho!!!

            Auch danke an suit und Malcolm Beck´s!

            1. hi,

              das Problem ist im css bei der ersten regel, da muss das
              "clear: both;"
              weg dann ist alles wieder im lot

              Findet ihr nicht, dass 12 divs für zurzeit "keinen" Inhalt ein wenig viel ist?
              Was passiert, wenn Inhalt kommt? 120 divs?

              Wofür werden die Bilder zerpflückt, wenn sie doch wieder zusammen kommen?
              Wäre die Seite Flexibel in ihrer Breite, würde ich das ja noch verstehen.

              mfg

  3. Wahrscheinlich ist es ein ganz simpler Fehler, aber ich finde ihn nicht.
    Ich möchte diese Seite komplett zentriert bekommen mittels CSS.

    das hier hilft dir https://redaktion.selfhtml.org/ticket/486

    guter rat: wird deinen code weg und machts neu - neben div und img kennst du offenbar keine anderen elemente ;) das ist aber nicht grade toll (sagte aber malcolm bereits)