HTML Tabellenabstand IE/firefox

    Hallo,

    ich versuche mich seit einer woche an einer Website, und bin deswegen verpflichtet HTML zu lernen !

    Mein Problem :

    Im IE wird der Tabellenabstand wahrgenommen und im Firefox nicht!

    quelltext:
    ....

    <div align="center">
    <FONT FACE="Lucida Sans,Verdana,Comic Sans MS,Arial,Times New Roman">
    <table width="700" border="1" cellspacing="10" cellpadding="50" background="../pic/schreibBG.gif" height="500">
    <tr>
    <td><b>Das Unternehmen</b><br>
    BLABLABLABLABLABLABLABLA
    </td>
    </tr>
    </table>
    </font>


    </div>
    </td>
    </table>
    </div>

    danke im vorraus !

    Wie soll man dir bei diesem gruseligen HTML-Ausschnitt helfen? Poste einen Link oder den gesamten Quellcode, damit man etwas beurteilen kann.

    Übrigens solltest Du erstmal darauf achten einen validen HTML-Code zu erstellen.

    Was genau meinst du mit validen HTML-Code ?

    <html>

    <title>Unternehmen</title>

    <script type="text/javascript" src="javascripte/mouseover_effekt.js"></script>
    <script type="text/javascript" src="javascripte/headline.js"></script>
    <script type="text/javascript" src="javascripte/menu.js"></script>

    <div align="left">
    <noscript>
    Your browser does not support script
    </noscript>


    <style type="text/css" media="screen">
    #Ebene1 { height: 110px; width: 280px; left: 880px; top: 780px; position: absolute; visibility: visible; }
    </style>


    <br>
    <table width="1023" border="1" cellspacing="5" cellpadding="25" background="../WillkommenBG.gif"height="600">
    <td>
    <div align="center">
    <FONT FACE="Lucida Sans,Verdana,Comic Sans MS,Arial,Times New Roman">
    <table width="700" border="1" cellspacing="10" cellpadding="50" background="../pic/schreibBG.gif" height="500">
    <tr>
    <td><b>Das Unternehmen</b><br>
    ssdgdbdbdfb
    </td>
    </tr>
    </table>
    </font>


    </div>
    </td>
    </table>
    </div>
    <tr>
    <div align="left">
    <font color="black"><a href="Impressum.htm "><font size="-1" color="black"> Impressum</font></a> | <font color="black"></font><a href="javascript:window.print()"><font size="-1" color="black">Seite drucken</font></a><font color="black"> |</font> <a href="#seitenanfang"><font size="-1" color="black">Seitenanfang</font></a><font color="black"> | &copy; 2010 A-TEC Anlagentechnik GmbH
    </tr>
    <div id="Ebene1">
    <a href="unternehmen.htm"><img src="../deutschland.gif" alt="" width="41" height="29" border="1"></a><img src="../England.gif" alt="" width="38" height="29" border="1"><a href="../index.html"><img src="../russland.gif" alt="" width="44" height="29" border="1"></a></div>
    </div>

    Wenn Du HTML-Code schreibst sollte dieser auch den Standards entsprechen. Wenn er das tut ist er valide. Prüfen kann man das mit vielen Validatoren, z.B. dem offiziellen vom W3C: http://validator.w3.org

    Bei deinem Code stimmt aber so rein gar nichts. Bitte schau dir erstmal nochmal die Grundlagen an und korrigiere das. Wenn dein Code wirklich valide ist und es dann (und nur dann!) auch noch Fehldarstellungen gibt kann man weiter darüber reden.

    hallo,

    das wundert mich ein bischen, weil meine Seite funktioniert!
    Im internet explorer klapp alles bestens, nur im Mozialla klappt der tabellen abstand nicht...

    muss man an diesem cellpadding was verändern?

    Dieser Code ist Käse, lern doch erst man die Basics.

    Hier mal deine gröbsten Fehler

    • kein <!DOCTYPE
    • keine Head- und Body tags
    • manche Tags werden nicht geschlossen, z.B. <html>
    • Wilde mischung aus Tabellen- und CSS Layout

    Wie gesagt,schau dir mal die Grundlagen an, dann probiers nochmal.

    -Lukas

    Danke für die Antwort, aber kann mir nicht einer weiterhelfen ?
    Ich will erstmal nur, das der Tabellenabstand auch in Firefox geht.

    Ich habe den anfang mit golive gemacht, und mir dann immer was zusammengebastelt.

    Die seite funktioniert ja, und das ist mir im moment am wichtigsten.

    mfG,

    Du hast jetzt Mehrere antworten. Wenn du willst dass dein Code funktioniert, besonders in allen Browsern gleich, dann muss der wenigstens halbwegs korrekt sein. Mit solchem Käse wie du oben gepostet hast, wirst du das nie erreichen. Und solange du uns nichts brauchbares volegst wird dir auch keiner weiterhelfen. Schau mal auf selfhtml nach, oder google nach "HTML Grundlagen", sonst wird das nichts.

    -Lukas

    EDIT: Sorry über den harten Ton, aber solche absoluten Grundlagen musst du einfach selbst lernen.

    Ja danke, aber ich will wissen wieso das nur im IE klappt.
    Muss ich da was anderes für eingeben, oder was muss ich da machen ?


    Wenn man in einer tabelle den innenabstand deklarieren will, welchen befehl benutzt man da ?

    ich habe cellpadding benutzt, aber das klappt scheinbar nur im IE

    Es wurden 12 fehler gefunden, aber keine verbesserungsvorschläge genannt.

    <style type="text/css" media="screen">
    background="../WillkommenBG.gif"height
    <td>
    <table width="700"
    ...

    mfg,

    Meine Güte, einmal sag ichs noch: Das funktioniert per Zufall im IE, es funktioniert sonst nirgends weil du sämtliche korrekten HTML-Strukturen ignorierst und dein Code nichts mit validem HTML zu tun hat. Mehr wird dir keiner sagen können. Dein HTML sagt einem Browser circa soviel wie dieser Satz: "schaute schwimmen das Kirschen in in der Briefpapier"

    -Lukas

    schade das mir keiner weiterhelfen kann.

    Es mag sein, das die struktur nicht ganz richtig ist, aber wenn der ach so blöde script doch komplett klapt, bis auf die kleinigkeit....

    Ok, das ist offensichtlich ein hoffnungsloser Fall. Die Struktur ist nicht "nicht ganz richtig", sie ist absoluter Müll. Aber ich gebs auf, schau halt wie weit du mit deiner Einstellung kommst. So kann dir tatsächlich keiner weiterhelfen.

    mit der aussage, das mein code absoluter müll ist kannst du mir auch nicht helfen.

    vllt. kannst du mir ein paar fehler nennen, bzw. was daran falsch ist ?

    danke

    habe es etwas überarbeitet, ich weiß nicht ob es das bringt ;)

    <html>
    <head>
    <title>Unternehmen</title>

    <script type="text/javascript" src="javascripte/mouseover_effekt.js"></script>
    <script type="text/javascript" src="javascripte/headline.js"></script>
    <script type="text/javascript" src="javascripte/menu.js"></script>
    </head>
    <div align="left">
    <noscript>
    Your browser does not support script
    </noscript>


    <br>
    <table width="1023" border="1" cellspacing="5" cellpadding="25" background="../WillkommenBG.gif"height="600">
    <td>
    <div align="center">
    <FONT FACE="Lucida Sans,Verdana,Comic Sans MS,Arial,Times New Roman">
    <table width="700" border="1" cellspacing="10" cellpadding="50" background="../pic/schreibBG.gif" height="500">

    <td><b>Das Unternehmen</b><br>
    blblblblbllb
    </td>

    </table>
    </font></div>
    </td>
    </table>
    </div>
    <tr>
    <div align="left">
    <font color="black"><a href="Impressum.htm "><font size="-1" color="black"> Impressum</font></a> | <font color="black"></font><a href="javascript:window.print()"><font size="-1" color="black">Seite drucken</font></a><font color="black"> |</font> <a href="#seitenanfang"><font size="-1" color="black">Seitenanfang</font></a><font color="black"> | &copy; 2010 A-TEC Anlagentechnik GmbH
    </tr>


    </html>

    Ok... Ich hab ja gesagt ich geb auf, aber darin bin ich nicht gub =P. Der Anlauf ist ja schonmal gut, einige Fehler in der Grundstruktur gibt es aber noch. Als erstes mal fehlt der Doctype, in deinem Fall wohl für HTML 4.01

    HTML
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

    Dann solltest du noch einen Zeichensatz angeben, am besten UTF-8, dann must du das Dokument aber auch als UTF-8 ohne BOM speichern.

    HTML
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">

    Ausserdem musst du den BODY-tag noch schliessen, direkt vor dem </html>

    Dein berichtigter Code:

    Dieser Code ist jetzt noch immer nicht korrekt, den Inhalt des BODY-tags habe ich direkt von dir übernommen und der ist immer noch ziemlich durcheinander. Da ich nicht weiss was genau du mit der Seite darstellen willst, kann ich den aber nicht einfach so korrigieren. Allerdings sollte der validator schon mal etwas bessere Resultate liefern.
    Du sagst du hast die Basis mit GoLife erstellt, wenn du willst kannste mal die originale PSD hochladen, da sehe ich wies aussehen soll und kann dir bessere Hilfestellungen liefern.

    Gruss,
    -Lukas

    PS: Mensch, ich bin einfach zu nett =P

    EDIT: Whoops, da war noch ein fehler den ich vergessen habe, der <title>-tag ist für valides HTML auch nötig. Ich habe den code dementsprechend überarbeitet.

    5 Mal editiert, zuletzt von lukasn (2. März 2010 um 23:11) aus folgendem Grund: Rechtschreibung, Code

    Auch wenn lukasn den Body Tag sich dazugedacht hat (ich seh ihn nicht in dem Post ^^), egal

    Das hier ist schonmal komplett falsch.

    Tabelle mit breite 1023 auf
    dadrin befindet sich eine tabelle die 700 breit ist - was soll das bringen?
    Wie wärs mit

    HTML
    <table width="700">
 <tr height="500">
  <td><b>Das Unternehmen</b><br>
    blblblblbllb    
  </td>
 </tr>
</table>

    Im Allgemeinen, solltest du die verdammten Grundlagen lernen, weil dein Werk eben kaum was richtiges hat. Ist ja ok, dass dus so versuchst. So kann man dir aber nur raten, dich nochmal in die einzelnen Elementen einzulesen.

    Vorallem, wenn du ein Problem mit einer Tabelle hast: wie wärs wenn du dir einfach mal den Aufbau einer Tabelle genauer anschaust? (du hast keine <tr> tags, also hast du den Grundaufbau noch nicht verinnerlicht! )