Christoph: Tabellenformatierung/layout-Anzeigefehler

Hallo erstmal,

folgendes problem habe ich.

ich habe mit Photoshop meine HP erstellt und diese in einzelne bilder zerlegt. habe die auch mit hilfe von tabelle im html wieder zusammen gefügt.

nun habe ich außerdem ein paar annimierte gifs erstellt (menübutton)

(und jetzt kommts, hoffentlich kann ich das ordentlich erklären.)

vielleicht zur erklärung zwei links zu der seite
1. http://home.arcor.de/enclave/test/a.htm
(das ist die photoshopseite bevor ich sie zerlegt habe, ca 350kb groß)

2. http://home.arcor.de/enclave/test/index.htm
das ist die seite, mit momentanen fehler,
(der fehler sah schon schlimmer aus)

wenn die seite mit den "normalen" einzelteilen zusammengesetzt wird, werden keinerlei fehler angezeigt.
setze ich dagegen nur ein menüelement ein, gerät die oberste tabelle aus der form und bringt eine verschiebung einzelner teile.

das komische ist, das bild was ersetzt werden soll und das menüelement ist exakt gleich groß (widht=84px height=30px)
die menü bilder sind one space anweisung oder border.
die zelle in der sich das bild befindet wird einfach großer (höher)
kann das bild dann beliebig ausrichten (oben unten zentriert)

habe schon mal versucht fixierten tabellen größen zu arbeiten
(style="table-layout:fixed", style="width:100px", style="height:100px"), hab mich dabei an dem tutorial hier bei selfhtml orientiert.

hat auch nicht geholfen.

ihr könnt euch ja mal den quelltext des 2. links anschauen wenn ihr wollt.

sitze jetzt schon fast 2 tage an dem prob.
bin im moment ziemlich ratlos was ich noch probieren soll.

hoffe es kann mir jemand helfen

danke im voraus

gruß
christoph

  1. Hallo,

    Du hast regelmäßig Codestellen wie diese drin:

    <td width="84" height="30">
                <a HREF="#" ...>

    Dadurch entsteht ein Leerzeichen, das Dir durchaus Dein ganzes Tabellenkonstrukt zerschießen kann. Das passiert nicht, wenn Du es so notierst:

    <td width="84" height="30"><a HREF="#" ...>

    Das gleiche gilt natürlich auch für </td>, da muss das davor stehende auch nahtlos anschließen.

    Grüße,

    Utz

    1. Hallo Utz

      ich könnt dich umarmen und nen dickes bussi geben
      hatte tatsächlich zuviele zeilenumbrüche (durch die animationbefehle der menübuttons)

      die animationen funzen zwar noch nicht, aber das bekomme ich bestimmt noch irgendwie hin.

      also noch mal ein dickes danke schön an dich Utz

      MfG
      Christoph

    1. http://home.arcor.de/enclave/test/index.htm
      das ist die seite, mit momentanen fehler,
      (der fehler sah schon schlimmer aus)

    Tja,
    <A href="javascript:fensteroeffnen()"><font size="6"><b>open</b></font></A>

    Ich habe kein JS an, warum sollte ich das auch tun, um eine HTML Seite anzuschauen?

    Struppi.

    1. Ich habe kein JS an, warum sollte ich das auch tun, um eine HTML Seite anzuschauen?

      mit hilfe von JS wird meine seite in einem fenster ohne standardschaltfächen,adresszeile und eventuell noch anderen zeile angezeigt.

      dadurch ist es mir möglich die kommpletten 1024x768er Auflösung effizient und vollständig für meine hp zu nutzen ohne überflüssige scrollbalken

      konnte mein problem aber mit hilfe von Utz lösen.

      ich möchte dir aber noch dafür danken das du dir die mühe machen wolltest mir zu helfen.

      MfG
      Christoph

      1. dadurch ist es mir möglich die kommpletten 1024x768er Auflösung effizient und vollständig für meine hp zu nutzen ohne überflüssige scrollbalken

        Was für eine vollständige Auflösung?
        woher weist du was für eine Auflösung ich oder jemand anderes hat?

        Dein Konzept ist nicht sinnvoll!

        Struppi.

        1. Was für eine vollständige Auflösung?
          woher weist du was für eine Auflösung ich oder jemand anderes hat?

          Dein Konzept ist nicht sinnvoll!

          hallo struppi

          das mancheiner mit ner auflösung von 800x600 bilder auf seinem rechner anzeigen läst ist mir durchaus klar.

          für mein dafürhalten ist einen auflösung von 1024x768 standard
          (nicht für alle anwendungen, aber für office und internet)

          ein freund von mir hat ne auf lösung von 1280x1024 bei nem 19"er
          (der hat bestimmt keine probleme mit der HP)

          ich selbst hab nen 17" bei 1024x786 und noch ende des jahres 2002 hatte ich nen 15" mit ner auflösung von 1024x768

          grob gesagt da meine hp eh keinen kommerzielle seite wird sonder rein privat, kann ich mir erlauben das es einzelnen leuten nicht möglich sein wird meine seite vollständig oder gar nicht (weil kein JS aktiviert ist) angezeigt zu können

          dafür wird auch auf der eingangs seite, wenn alles fertig ist, drauf hingewiesen, dass JS erforderlich ist und eine auflösung von 1024x768

          (von 640x480 gehe ich jetzt mal nicht aus , ist wirklich unwarscheinlich das ein user freiwillig diese auflösung benutzt)

          MfG
          Christoph

          1. Was für eine vollständige Auflösung?
            woher weist du was für eine Auflösung ich oder jemand anderes hat?

            Dein Konzept ist nicht sinnvoll!

            hallo struppi

            das mancheiner mit ner auflösung von 800x600 bilder auf seinem rechner anzeigen läst ist mir durchaus klar.

            Die Auflösung, spielt für die Darstellung einer Seite gar keine Rolle. Wenn deine Seite nur aus Bildern besteht mag das sein, aber ansonsten gibt es so viele Faktoren, die sich auf die Darstellung auswirken.
            * Fenstergröße
            * Schriftgrad
            * Betriebssystem
            * Browser
            usw.

            Dein Freund mit dem 19" Monitor surft vermutlich nicht mit Vollbild, sondern macht sich das Fenster so gross wie er es für gut empfindet. Ich habe einen 15" Zöller mit einer Auflösung von 1024x768, aber das Browserfenster hat eine größe von etwa 750x500 und ich habe eine kleine Schriftart im Betriebssystem (win95) eingestellt.

            Das es eine private Seite ist, macht es noch bedauerlicher, dass du Hürden baust die nicht notwendig sind, da du mit Sicherheit keine Spezialanwendungen anbietest.

            Allerdings, wenn du die Seite sowieso nur für deinen  Freund und dich machst, möchte ich mich da nicht weiter einmischen.

            Struppi.

            1. Die Auflösung, spielt für die Darstellung einer Seite gar keine Rolle. Wenn deine Seite nur aus Bildern besteht mag das sein, aber ansonsten gibt es so viele Faktoren, die sich auf die Darstellung auswirken.
              * Fenstergröße
              * Schriftgrad
              * Betriebssystem
              * Browser
              usw.

              Das es eine private Seite ist, macht es noch bedauerlicher, dass du Hürden baust die nicht notwendig sind, da du mit Sicherheit keine Spezialanwendungen anbietest.

              Allerdings, wenn du die Seite sowieso nur für deinen  Freund und dich machst, möchte ich mich da nicht weiter einmischen.

              Hi struppi
              (bist ja richtig hartneckig *gg*)

              zur fenster größe: ich geh mal davon aus, das die "mehrzahl" der surfer das fenster auf vollbild stellen (mach ich jedenfalls so, und diemeisten die ich kenne), das du da eine ausnahme bis ist dein gutes recht (du benutzt bestimmt kein IE ! richtig?)
              es macht sich nämlich (für mein dafürhalten) schlecht in halb großen fenster (relativ zum bildschirm) mir infos aus netz zu ziehen

              zum schriftgrad: der ferändert ja nun maximal den text der in "frame" angezeigt wird das menü(wenn es grafik ist) oder restliche grfik ist davon unberührt und meist bekommt man die seite nicht vollständig angezeigt, was uns dann wieder zur fenstergröße führt. (aus meiner sicht für eine Inet seite irrelevant)

              Zum Betriebssystem: habe  keine ahnung wie das sich auf internetseiten auswirken soll, außer das unterschiedliche versionen vom IE installiert sind (gehe vom standard Windows aus).

              zum Browser: im moment teste ich gerade mal IE benutze netscape, opera nicht, werde mir aber zumindest noch opera installieren um mal die anzeige zu testen, werd mir aber nicht jeden x-beliebigen browser insten nur um  die anzeige abzustimmen.

              die masse von leuten sind keine spezialisten (ich gehöre dazu), warum soll ich mir 3 unterschiedliche browser insten nur um durchs INet zu surfen????

              zu der bedauerlichkeit mit meiner seite:
              (hatte das beim ersten lesen etwas krasser verstanden mit dem bedauern) im moment behersche ich gerade mal HTML versuche mich aber weiterzu entwickeln...
              das wird für mich in erster linie eine bastler seite die ich immer weiter entwickle je nach stand meines wissen. und damit wenigstens ein kleiner sin auf der seite entsteht wird es halt meine "privat" hp

              Sprichwort:"jeder versuch macht kluch"

              außerdem, man kann es nicht jedem menschen auf der welt recht machen.
              und würde man es versuchen, so geht man kläglich untergehen!!!

              das bekommt man schon auf arbeit und im restlichen privatleben mit.

              das halt dazu.

              ache ja und das mit "meinem" "Freund". das war nur ein Beispiel.
              du wirst sicher verstehen das man beim HP bauen gern mal um rag und meinung fragt bzw obs richtig angezeigt wird.

              MfG
              Christoph

              PS: mag sein das es in deinen "Ohren" nach stuß klingt, is aber nunmal meine momentane überzeugung von der sache ansich.

              1. (bist ja richtig hartneckig *gg*)

                klar, ich hab die gleichen Diskussionen mehrmals die woche mit freunden, die ebenfalls Hobbymäßig seiten zusammenbasteln und sich schwer tun über den eigenen Tellerrand zu schauen.

                zur fenster größe: ich geh mal davon aus, das die "mehrzahl" der surfer das fenster auf vollbild stellen (mach ich jedenfalls so, und diemeisten die ich kenne), das du da eine ausnahme bis ist dein gutes recht (du benutzt bestimmt kein IE ! richtig?)
                es macht sich nämlich (für mein dafürhalten) schlecht in halb großen fenster (relativ zum bildschirm) mir infos aus netz zu ziehen

                Nee, dass siehst du falsch. Ich mach mein Fenster nicht halbgross, sondern so gross wie mir das lesen am Bildschirm angenehm erscheint.
                Jemand mit einem 19" Monitor und 1280er Auflösung wird nie im Leben mit einem Vollbild surfen zumindest nicht, wenn die Person weiß wie ein Fenster vergrößert und verkleinert wird, da bei Seiten die mit HTML ohne feste Größenangaben erstellt wurden die Zeilen zu lang zum guten lesen sind.
                Deshalb kann es sein, dass jemand mit einem 19" Monitor ein kleineres Browserfenster einbgestellt hat als jemand mit einem 17" und Vollbild.
                Ich will darauf hinaus, das nicht nur du, sondern die meisten Menschen eine Vorstellung davon haben, wie sie am besten am Bildschirm lesen können, nur du zwängst sie in dein Raster rein und wenn deren System völlig von deinem abweicht sind sie halt gearscht.

                Ich surfe mit einem IE 4.01.

                zum schriftgrad: der ferändert ja nun maximal den text der in "frame" angezeigt wird das menü(wenn es grafik ist) oder restliche grfik ist davon unberührt und meist bekommt man die seite nicht vollständig angezeigt, was uns dann wieder zur fenstergröße führt. (aus meiner sicht für eine Inet seite irrelevant)

                Ich rede vom Schriftgrad deines Betriebssystems. Du kannst dort in verschiedenen Menüpunkten (Start>Einstellungen>systemsteuerung>Anzeige) die Schriftgröße/bzw Schriftgrad einstellen.

                Zum Betriebssystem: habe  keine ahnung wie das sich auf internetseiten auswirken soll, außer das unterschiedliche versionen vom IE installiert sind (gehe vom standard Windows aus).

                Und das tut das Betriebsystem (vermutlich) je nach Monitor/Grafikkarten Kombination unterschiedlich.
                Darüber hinaus haben Mac und Linux oftmals ganz andere Vorstellungen von der Schriftgröße, aber wie gesagt selbst bei Windows benutzer kannst du nnicht davon ausgehen, das alle den gleichen Schriftgrad eingestellt haben (bei mir ist er z.b 'kleine Schriftart')

                zum Browser: im moment teste ich gerade mal IE benutze netscape, opera nicht, werde mir aber zumindest noch opera installieren um mal die anzeige zu testen, werd mir aber nicht jeden x-beliebigen browser insten nur um  die anzeige abzustimmen.

                die masse von leuten sind keine spezialisten (ich gehöre dazu), warum soll ich mir 3 unterschiedliche browser insten nur um durchs INet zu surfen????

                In der Regel reicht einer, der die Standards möglichst einhält und das tut leider der meist benutzte nicht.

                Struppi.

                1. Hallo struppi

                  tja was soll ich jetzt noch sagen ... .
                  hast du ne eigen HP ?
                  kann ich die mir mal anschauen ???
                  -----
                  damit du eventuell eine vorstellung machen kannst wie meine seite in etwa aussehen soll kannste ja mal den link hier benutzen.

                  nein das ist ein anderer ! brauchst dein JS nicht aktivieren *g*

                  es ist zwar im Quelltest JS enthalten, der ist aber für die Animierten Button (die noch nicht funzen, hatte noch keine zeit mich darum zu kümmern) aber da du JS net geinstet hast ist das eh nicht wichtig.

                  http://home.arcor.de/enclave/test/html/index2.htm

                  wenn du dir die seite anschaust wirst du vielleicht feststellen warum ich mit hilfe von JS ein extra fenster öffnen lassen will.

                  MFG
                  Christoph

                  1. Hallo struppi

                    tja was soll ich jetzt noch sagen ... .
                    hast du ne eigen HP ?
                    kann ich die mir mal anschauen ???

                    Nur meine Javascript spielereien und von meiner Band.
                    http://home.arcor.de/struebig/js/
                    http://bildungsluecke.de/

                    Das sind aber alles keine referenzobjekte ;-)


                    damit du eventuell eine vorstellung machen kannst wie meine seite in etwa aussehen soll kannste ja mal den link hier benutzen.

                    http://home.arcor.de/enclave/test/html/index2.htm

                    wenn du dir die seite anschaust wirst du vielleicht feststellen warum ich mit hilfe von JS ein extra fenster öffnen lassen will.

                    Ach herrje, ich verstehe. (ist auf meiner Aulösung hier [800x600] aber nicht mehr nutzbar)

                    Ich kann dir nur einen Tipp geben um das alles sicherer zu machen. Keine Leeren Zellen. Wenn du einen Hintergrund hast pack ein durchsichtiges gif rein, was die Breite oder Höhe (je nach dem) des gewünschten Hintergrundes hat und mach die Zellen dann immer so klein wie möglich (1%), sie wird dann nie kleiner als das gif aber auch nicht größer als es soll.

                    Also etwa so:
                    <table>
                    <tr>
                    <td width="1%" background="xyz60x20.jpg"><img src="1x1.gif" width="20"></td>
                    <td> Hauptinhalt </td>
                    <td width="1%" background="xyz60x20.jpg"><img src="1x1.gif" width="20"></td>
                    </tr>
                    </table>

                    Um einen 20px breiten Rand mit einer Hintergrundgrafik zu erzeugen.

                    Struppi.

                    1. Hallo Stuppi,

                      Ach herrje, ich verstehe. (ist auf meiner Aulösung hier [800x600] aber nicht mehr nutzbar)

                      ma schauen, wenn ich die seite fertig habe, vielleicht setzt ich mich mal hin und bastell noch ne abgespekte version für 800x600

                      oder gar gleich ne neue, weil ich dann vielleicht schon wieder ne ander vorstellung von ne Inet Seite habe.

                      Ich kann dir nur einen Tipp geben um das alles sicherer zu machen. Keine Leeren Zellen. Wenn du einen Hintergrund hast pack ein durchsichtiges gif rein, was die Breite oder Höhe (je nach dem) des gewünschten Hintergrundes hat und mach die Zellen dann immer so klein wie möglich (1%), sie wird dann nie kleiner als das gif aber auch nicht größer als es soll.

                      jup, danke für den tip. werde ihn in zukunft berücksichtigen.
                      habe in meine tabellenkostruktion strikt nach pixel größe angefertigt
                      (sogar ausgerechent) liegt aber daran das ich sie in photoshop konstruiert habe *gg*

                      MfG
                      Christoph