Probleme mit Homepagedarstellung

  • so habs jetz mal so gmacht aber ein paar mehr divs verwendet....

    so aber jetz komm ich nicht weiter wie krieg ich die 3 inhalte nebeneinander ? des check ich ned

    hier nochmal meine index

    und meine style

  • habe jetzt nur mal kurz drüber geschaut - Quelltext lesen nach einem langen Arbeitstag ist sooooooo anstrengend

    :arrow: in Zukunft bitte die url angeben, dann ist es einfacher rauszufinden was du willst und auch der Fehler entdeckt sich leichter...


    Allgemein: Divs bekommst du u.a. über float nebeneinander.
    Guckst du hier

    Gruß,
    Questionmark

  • Zitat von INfern

    ja ich hab die tabelle rausgeschmissen weil die darstellung nich funzt und überhaupt die tabellen kacke sind...

    ... und ohne Tabelle funktioniert es jetzt besser?

    Hmmm... scheinbar wohl nicht. Wart mal ab, was du noch alles für Probleme bekommen wirst!

    G.a.d.M.

    Ronald

  • Ich habe mal drüber gesehen. Du hast das ganze ding vollkommen vermurckst. Versuche mal die tabellen vollständig aus dem Template herauszunehmen das sollte die größten fehler (z.B. das darstellen untereinander) rausnehmen (Tabellen dienen nicht dem layout!). Scheinbar hast du das prinzip von divs und float nicht richtig verstanden. Div sind divider, sie dienen zum logischen gruppieren von Elementen. D.h. du solltest dinge die in die Seitenleiste gehören in einem div zusammenfassen welches du dann über ein float links bzw. rechts anordnest. Der header und der footer verdienen jeweils wie bereits realisiert ein eigenes div. Der content benötigt einen margin auf der seite der seitenleiste damit er nicht unter sie drunter rutscht.

    Als tipp würde ich dir noch empfehlen am anfang deines stylesheets folgendes einzufügen:

    Code
    *
    {
      margin:0px;
      padding:0px;
    }


    Dadurch erreichst du das du ohne das der browser eigene abstände einfügt arbeiten kannst.

    Attribut-Formatierung ist veraltet du solltest elemente ausschließlich über CSS formatieren nicht über Attribute wie bgcolor u.a.

    Strukturierr das ganze am besten vollständig neu!

  • und was stört dich da :smilie085:

    nee, mal im ernst - vermutlich würdest du gerne alles am richtigen Platz haben :idea:

    Hab mir gerad mal den kompletten Quelltext angeguckt und finde ihn total grausam und unübersichtlich - sorry. Hast du das selber geschrieben?

    Also wenn du jetzt wissen willst wie ich weitermachen würde, sähe das so aus:

    1.) Wie soll meine Seite aussehen
    2.) Soll die Grundstruktur eine Tabelle sein oder will ich nur divs verwenden?
    3.) für eine Option entscheiden
    4.) von vorne anfangen
    5.) hier früher deine Fragen stellen, wenn Layoutprobleme auftauchen und nicht erst, wenn deine Seite schon "fertig" ist.

    Gruß,
    Questionmark

  • Yo, und ich habe HIER eine Seite, die das Gegenteil behauptet. Gib mir noch ein bißchen Zeit und ich bastel noch ein paar Grafiken rein, damit das Ganze auch offiziell aussieht...

    Schick mir nen Link von ner offiziellen Website und ich wechel die Lager!

    Gruß,
    Questionmark

  • > http://www.einfach-fuer-alle.de/artikel/bitvfueralle/tag5/
    > http://de.selfhtml.org/html/allgemein/stil.htm
    > http://jendryschik.de/wsdev/einfuehr…arrierefreiheit
    > http://www.alistapart.com/articles/journey/

    > Tabellen blähen den Code auf
    > Tabellen sind dazu gedacht Daten aufzubereiten
    > Tabellen hämmen die zugänglichkeit
    > Tabellen machen die seite unübersichtlich

  • Zitat von Prophet

    Tabellen dienen nicht dem layout!)


    Wo hast du den Schwachsinn den gelesen, auf der HP von Tabellengegnern?

    Tabellen dienen sehr wohl dem Layout, oder meinst du man würde sich sonst so viele Stylesheets für Tabellen ausdenken?
    Weder die W3C noch irgendein Validator stören sich an Tabellenlayouts, alle Browser verstehen sie - also sind sie auch zulässiges Mittel, um Seiten zu stylen.

    Kein Tabellengegener konnte bislang gegenteiliges nachweisen - die berufen sich alle ganz fanatisch gegenseitig auf sich selbst. Wenn du mdabei mitspielen willst, dann mach das bitte - aber verunsichere mit solchen falschen Aussagen nicht die User hier.

    Es zwingt dich niemand Tabellen zu benutzen - also zwinge auch du niemanden auf Tabellen zu verzichten.
    Stylesheets sind noch immer nicht in der Lage, Tabellenstyles zu ersetzen, vielleicht klappt das ab CSS 3 - ich habe jedoch so meine Zweifel.

    G.a.d.M.

    Ronald

  • Zitat von Prophet


    Der immer wieder gerne zitierte Jan Andresen ist eine Pivatperson wie du und ich und nicht befugt, verbindliche Richtlinien für HTML-Styles festzulegen.
    Er kann lediglich seine Meinung sagen, vergißt dabei aber leider zu betonen, daß es seine Meinung ist.

    Zitat von Prophet


    Dirk Niemeier ist ebenfalls eine Privatperson. Auch er gibt nur sein erlerntes Wissen weiter und ist nicht befugt, HTML-Richtlinien zu erlassen.

    Hast du auch ein paar offizielle Stellen? (such nicht, es gibt keine)

    Ronald

  • Zitat

    Wo hast du den Schwachsinn den gelesen, auf der HP von Tabellengegnern?


    Nur weil du nicht dieser meinung bist heist das nicht das es schwachsinn ist.

    Zitat

    Tabellen dienen sehr wohl dem Layout, oder meinst du man würde sich sonst so viele Stylesheets für Tabellen ausdenken?


    Damit zu argumentieren sie seien gerechtfetigt weil man sie einsetzte ist falsch und widerspricht sich. Es ist auch nicht richtig zu klauen auch wenn es leute machen (ich weiß der vergleich ist drastisch).

    Zitat

    Weder die W3C noch irgendein Validator stören sich an Tabellenlayouts, alle Browser verstehen sie - also sind sie auch zulässiges Mittel, um Seiten zu stylen.


    Das wird wahrscheinlich daran liegen das tabellenlayouts nicht über eine maschine zu erkennen sind. Das W3C wird sich wohl nicht umsonst so anstrengen das CSS endlich überall ordnungsgemäß implementiert wird. Das W3C arbeitet mit anstrengung auf ein semantisches internet hin und das bedeutet das man tabellen nur dazu verwendet wozu sie gedacht sind. Nämlich daten zu formatieren und nicht das layout einer seite zu gestalten.

    Zitat

    Kein Tabellenge
    gener konnte bislang gegenteiliges nachweisen - die berufen sich alle ganz fanatisch gegenseitig auf sich selbst. Wenn du mdabei mitspielen willst, dann mach das bitte - aber verunsichere mit solchen falschen Aussagen nicht die User hier.


    Ich glaube nicht das ich die user damit verunsichere. Im übrigen wollte dieser user es ohne tabellen machen.

    Zitat

    Es zwingt dich niemand Tabellen zu benutzen - also zwinge auch du niemanden auf Tabellen zu verzichten.


    Tue ich ja auch nicht. Ich versuche nur aufzuzeigen das Tabellen nicht verwendet werden sollten um layouts zu gestalten da das nicht ihr sinn und zweck ist.

    Zitat

    Stylesheets sind noch immer nicht in der Lage, Tabellenstyles zu ersetzen, vielleicht klappt das ab CSS 3 - ich habe jedoch so meine Zweifel.


    Solange man kein bild malt sondern eine webseite gestaltet ist CSS durchaus dazu fähig. Siehe dazu auch das hier: http://seybold.jan-andresen.de/23snags.php

  • Zitat von Prophet


    Das sind doch alles Phrasen, bzw. gezielt aus dem Zusammenhang herausgegriffene Textteile. Du zitierst hier u.A. SelfHTML (das ist übrigens auch eine Privatperon, wie all die anderen Seiten auch). Dann halte ich mal dagegen (auch aus SelfHTML):

    Zitat von SelfHTML

    Sie können in HTML Tabellen definieren, um tabellarische Daten darzustellen, oder um Text und Grafik attraktiver am Bildschirm zu verteilen. Obwohl Tabellen natürlich vornehmlich zur Darstellung tabellarischer Daten geschaffen wurden, sind sie in der heutigen Praxis des Web-Designs vor allem als Grundgestaltungsmittel für Seiten-Layouts nicht mehr wegzudenken.
    http://de.selfhtml.org/html/tabellen/aufbau.htm

    Zitat von Prophet

    > Tabellen blähen den Code auf


    Wenn überhaupt blähen sie den Quelltext auf. Werden Tabellen aber richtig eingesetzt und mit Stylesheets formatiert, dann sind Quelltexte von Tabellenlayouts nicht selten kürzer und übersichtlicher als 'verdivte'-Quelltexte.

    Zitat von Prophet

    > Tabellen sind dazu gedacht Daten aufzubereiten


    Das stimmt für Tabellenkalkulationen wie z.B. MS-Excel. Der HTML-Tag "table" ist aber nicht von unserem deutschen Wort "Tabelle" abgeleitet, sondern von dem englischen Wort "table". Übersetzt bedeutet 'table' jedoch sowohl 'Tabelle', als auch 'Tafel'. Der HTML-Tag 'table' ist m.E. ganz eindeutig von "Tafel" abgeleitet, was dem ganzen einen völlig anderen Sinn gibt.

    Zitat von Prophet

    > Tabellen hämmen die zugänglichkeit


    Das mußt du mi jetzt mal näher erklären, ich verstehe nicht, was du damit meinst.

    Zitat von Prophet

    > Tabellen machen die seite unübersichtlich


    Wenn überhaupt, dann machen sie den Quelltext unübersichtlich. Wer aber die Sprache des HTML versteht, der kommt mit HTML-Quelltext meistens ohne Probleme klar und bei einer klaren Struktur von Tabellenzeilen, Spalten und Zellen ist es m.E. viel übersichtlicher, als verschachtelte Div-Tags, die mal links, mal rechts floaten und dann plötzlich doch nicht mehr passen.

    Fazit: du scheinst ebenfalls dem Anti-Tabellen-Virus verfallen zu sein und hast tatsächlich wie alle Tabellengegner keine ziehenden Argumente. Auch du wiederholst nur die bekannten und haltlosen Phrasen.

    G.a.d.M.

    Ronald

  • > http://www.w3.org/TR/html4/struct/tables.html#h-11.1
    Ich zitiere:

    Zitat

    Tables should not be used purely as a means to layout document content as this may present problems when rendering to non-visual media. Additionally, when used with graphics, these tables may force users to scroll horizontally to view a table designed on a system with a larger display. To minimize these problems, authors should use style sheets to control layout rather than tables.

    Zur offiziellen Seite:
    > http://www.w3.org/TR/html4/appendix/notes.html#h-B.5.1.5
    > http://www.w3.org/TR/WCAG10-HTML-TECHS/#tables-layout
    > http://www.w3.org/TR/WAI-WEBCONTENT/#gl-table-markup
    > http://www.w3.org/2002/03/csslayout-howto.html.en
    > http://www.w3.org/WAI/wcag-curric/sam48-0.htm
    > http://www.w3.org/WAI/wcag-curric/gid6-0.htm
    > http://www.w3.org/WAI/EO/2004/02/specifics.html

    Zur inoffiziellen:
    > http://en.wikipedia.org/wiki/Web_design#CSS_versus_tables
    > http://webstandard.kulando.de/post/2006/01/1…bellen_layouten (Ja eine privat person aber die diskussion verduetlicht es)
    > http://www.bath.ac.uk/internal/web/accessibility/tables.html (Richtlinie einer uni die die thematik aber gut darstellt)
    > http://www.evolt.org/article/Tables…1429/index.html

    Um deine argumentation zu vervollständigen solltest du mir auch mal ein paar "Offizielle" quellen nennen welche den einsatz von tabellen für das layout als wohltat hervortun.

    Zitat

    Sie können in HTML Tabellen definieren, um tabellarische Daten darzustellen, oder um Text und Grafik attraktiver am Bildschirm zu verteilen. Obwohl Tabellen natürlich vornehmlich zur Darstellung tabellarischer Daten geschaffen wurden, sind sie in der heutigen Praxis des Web-Designs vor allem als Grundgestaltungsmittel für Seiten-Layouts nicht mehr wegzudenken.
    http://de.selfhtml.org/html/tabellen/aufbau.htm


    ja, das sagt selfHTML, es sagt das Tabellen dafür verwendet werden, das ist ja auch eine tatsache mehr nicht.


    Zitat

    Wenn überhaupt, dann machen sie den Quelltext unübersichtlich. Wer aber die Sprache des HTML versteht, der kommt mit HTML-Quelltext meistens ohne Probleme klar und bei einer klaren Struktur von Tabellenzeilen, Spalten und Zellen ist es m.E. viel übersichtlicher, als verschachtelte Div-Tags, die mal links, mal rechts floaten und dann plötzlich doch nicht mehr passen.


    Ich wäre mir nicht so sicher ob divs so viel unübersichtlicher sind. Das normale tabellen layout kann man im quelltext nicht wieder entzifern. Die wenigsten kommentieren es oder geben den zellen sinnige ids oder namen. Divs sind um einiges übersichtlicher sie gruppieren elemente. Im übrigen verwendet man ja auch nicht nur divs man verwendet alle html elemente. Wobei da wieder die semantik durchkommen sollte was bei einem tabellen layout nicht der fall ist. ich bin ebenfalls kein verfechter von div-suppen!

    Zitat

    Div-Tags, die mal links, mal rechts floaten und dann plötzlich doch nicht mehr passen.


    Das du scheinbar nicht mit divs umgehen kannst ist eine andere sache.

    Zitat

    Fazit: du scheinst ebenfalls dem Anti-Tabellen-Virus verfallen zu sein und hast tatsächlich wie alle Tabellengegner keine ziehenden Argumente. Auch du wiederholst nur die bekannten und haltlosen Phrasen.


    Du im übrigen auch nur das du nicht einmal links zur bestätigung gibst. Und das Webseiten von privatpersonen unterhalten werden ist kein argument. SelfHTML wird redaktionel geleitet.

    EDIT: Wäre ein Moderator so nett dieses Thema zu spliten und die entstandenen grundsatzdisskussion in einem neuen thread anzusiedeln, damit das eigentliche thema dieses threads nicht noch weiter abhanden kommt? Es liegt mir sehr viel daran das hier auszudisskutieren. Entschuldige INfern.

  • Zitat von Prophet

    Vielleicht solltest du dir einmal übersetzen lassen, was da steht, wenn du solche Texte schon zitierst und damit in deinem Sinn interprätierst.

    Defakto steht dort lediglich eine Empfehlung, daß man auf Tabellenlayouts verzichten sollte, weil es zu Problemen kommen kann, wenn die Internetseite in eine "nicht-visuelle"-Seite umgewandelt wird. Außerdem kann es zu horizontalen Scrollen kommen, wenn Grafiken in die Tabelle eingebunden wird und die Internetseite auf einem System mit einer kleineren Bildschirmauflösung angesehen wird. Um solche Probleme zu veringern, sollten webmaster lieber Stylesheets statt Tabellen benutzen.

    Das ist eine Empfehlung und keine verbindliche Vorgabe, zumal gleichzeitig daraufhingewiesen wird, daß Styles solche Probleme ggf. nur verringern können.. Praktisch besteht aber überhaupt kein Unterschied zwischen einer Tabelle und einer mit Styles angefertigten HP: wenn die Seite infolge großer Grafiken zu breit ist, dann muß man in beiden Fällen scrollen. Dieses nur auf Tabellen zu beziehen ist Unfug und so von der W3C auch gar nicht geschrieben worden. Was m.E. viel schlimmer als der Scollbalken ist: Bei Styles statt Tabellen zerreißt es einem dann gleich das Design, weil Grafik B dann u.U. nicht rechts von Grafik A angezeigt wird, sondern darunter.

    Heutzutage kann jeder gute Browser Styles selbst ändern oder sogar ganz abschalten, bzw. völlig andere Styles für eine fremde Internetseite verwenden. DAs ales liegt allein im Entscheidungsbereich des Anwenders und das ist auch gut so, wir leben in einer Demokratie und es wäre schlimm, wennman Internetbenutzer in diesem Punkt bevormunden würde.

    Jeder interessierte Webmaster wird seine HP so gestallten, daß sie mit möglichst vielen gängigen Bildschirmauflösungen vernünftig aussieht und eben nicht horizontal gescrollt werden muß, die ganz kleinen Monitore gibt es ohnehin kaum noch. Der Hinweis der W3C ist somit zwar nicht ganz unberechtigt, aber durch die Praxis schon längst überholt.

    Deine anderen Links sind überwiegend wenig hilfreich, denn z.B. die Frage wie man tabellarische Daten in einer Tabelle darstellt war hier gar nicht gestellt. Dass das mit Tabellen geht, hat auch niemand bezweifelt. Insgesamt geht aus den Links eigentlich eher eine Tabellenbeführwortung den eine Ablehnung hervor, aber das kann sich jeder so interprätieren, wie er möchte.

    Für mich endet der Thread hier mit der Feststellung, daß Tabellen als Gestaltungshilfe für Webseiten durchaus in Ordnung sind und es keine offizielle Seite gibt, die so etwas wiederlegt. Es handelt sich auf den Seiten allenfalls um gutgemeinte Ratschläge, inwieweit sich die einzelnen Webmaster nun von Tabellengegnern beinflussen lassen, müssen sie selbst wissen. In der Regel sind ja die Webmaster alle alt genug, selbst eine Entscheidung zu treffen. Es gibt Designs, die kommen ohne Tabellen nicht aus, da Stylesheets noch nicht alle Tabellenfunktionen erstzen können, wie z.B. 100% der Monitorhöhe - so etwas geht nur mit Tabellen oder notfalls mit Javascript, was noch eine schlechtere Lösung ist. Auch das vertikale Zentrieren innerhalb eines Bereiches funktioniert z.Zt. nur in Tabellenzellen, aber ab CSS 3 soll das angeblich auch mit DIV-Tags gehen.

    Den Tabellengegnern gebe ich noch die Hinweis mit, daß sich niemand daran stören wird, wenn sie selbst auf Tabellen verzichten. Allerdings sollten sie so tollerant sein, daß sie auch Webdesigns mit Tabellenlayouts akzeptieren - sie müssen Usern die dazu Fragen haben ja nicht helfen, können in solch einem Fall ganz einfach schweigen, stat hier immer wieder die 'keine Tabellen benutzen'-Diskussion neu anzuzetteln. Denn merke: Auch diese Forum wird -wie alle Foren die ich kenne- mit Tabellen designed.

    Persönlich geht es mir sehr auf den Senkel, daß hier alle paar Tage neue User auftauchen, die versuchen die Tabellenbenutzer zu bekehren. Das hat für mich langsam viel Ähnlichkeit mit den Werbern der Zeugen Jehovas. Ich meine, solche Threads wie dieser hier sollten künftig einfach bereits im Ansatz gelöscht werden, denn sie nützen niemandem wirklich etwas. Wenn Tabellen irgendwann defenitiv als Layouthilfe verboten werden, dann kann man einen vernünftigen Hinweis in das Forum setzen, ansonsten nervt der Streit nur.

    Ronald