Anzeige

Verschiebung im IE

Verschiebung im IE | PSD-Tutorials.de

Erstellt von Anykey, 20.05.2010.

  1. Anykey

    Anykey Interessierter

    Dabei seit:
    10.04.2006
    Beiträge:
    85
    Geschlecht:
    männlich
    Verschiebung im IE
    Hallo,

    Ich habe jetzt eine Homepage soweit in der Fertigstellung.
    Is soweit ganz einfach gemacht:

    Photoshop design -> gesliced -> für web gespeichert und ein Javascript Menü eingebastelt.

    Nun ist das Ding das im Firefox alles richtig angezeigt wird im Internet Explorer aber eine enorme verschiebung da ist und das JS Menü auch nicht funktioniert.

    Seite ist abrufbar unter http://egsmv.de/trial

    PHP:
    1. <html>
    2. <head>
    3. <title>Startseite</title>
    4. <link rel='stylesheet' type='text/css' href='quickmenu_styles.css'/>
    5. <script type='text/javascript' src='quickmenu.js'></script>
    6. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    7. </head>
    8. <body bgcolor="#f9be7b" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
    9. <!-- ImageReady Slices (Startseite.DORIS) -->
    10.  
    11. <table border="0" width="100%" height="100%">
    12. <tr>
    13.     <td valign="middle" align="center">
    14.  
    15. <table id="Tabelle_01" width="849" height="601" valign="middle" align="center" bgcolor="#fef0e0" border="0" cellpadding="0" cellspacing="0">
    16.     <tr>
    17.         <td width="177" height="40" colspan="2">
    18.             <img src="Bilder/Abstandhalter.gif" width="177" height="40" alt=""></td>
    19.         <td width="135" height="233" colspan="2" rowspan="7">
    20.             <img src="Bilder/Abstandhalter.gif" width="135" height="233" alt=""></td>
    21.         <td width="121" height="96" rowspan="3">
    22.             <img src="Bilder/Abstandhalter.gif" width="121" height="96" alt=""></td>
    23.         <td colspan="5" rowspan="2">
    24.             <img src="Bilder/index_04.gif" width="317" height="79" alt=""></td>
    25.         <td width="79" height="121" rowspan="4">
    26.             <img src="Bilder/Abstandhalter.gif" width="79" height="121" alt=""></td>
    27.         <td rowspan="26">
    28.             <img src="Bilder/index_06.gif" width="19" height="600" alt=""></td>
    29.         <td>
    30.             <img src="Bilder/Abstandhalter.gif" width="1" height="40" alt=""></td>
    31.     </tr>
    32.     <tr>
    33.         <td width="25" height="560" rowspan="25">
    34.             <img src="Bilder/Abstandhalter.gif" width="25" height="560" alt=""></td>
    35.         <td rowspan="5">
    36.             <img src="Bilder/logo.gif" width="152" height="177" alt=""></td>
    37.         <td>
    38.             <img src="Bilder/Abstandhalter.gif" width="1" height="39" alt=""></td>
    39.     </tr>
    40.     <tr>
    41.         <td rowspan="9">
    42.             <img src="Bilder/index_09.gif" width="72" height="238" alt=""></td>
    43.         <td width="133" height="69" colspan="3" rowspan="3">
    44.             <img src="Bilder/Abstandhalter.gif" width="133" height="69" alt=""></td>
    45.         <td rowspan="24">
    46.             <img src="Bilder/index_11.gif" width="112" height="521" alt=""></td>
    47.         <td>
    48.             <img src="Bilder/Abstandhalter.gif" width="1" height="17" alt=""></td>
    49.     </tr>
    50.     <tr>
    51.         <td rowspan="8">
    52.             <img src="Bilder/index_12.gif" width="121" height="221" alt=""></td>
    53.         <td>
    54.             <img src="Bilder/Abstandhalter.gif" width="1" height="25" alt=""></td>
    55.     </tr>
    56.     <tr>
    57.         <td rowspan="22">
    58.             <img src="Bilder/index_13.gif" width="79" height="479" alt=""></td>
    59.         <td>
    60.             <img src="Bilder/Abstandhalter.gif" width="1" height="27" alt=""></td>
    61.     </tr>
    62.     <tr>
    63.         <td colspan="3" rowspan="3">
    64.             <img src="Bilder/index_14.gif" width="133" height="111" alt=""></td>
    65.         <td>
    66.             <img src="Bilder/Abstandhalter.gif" width="1" height="69" alt=""></td>
    67.     </tr>
    68.     <tr>
    69.         <td>
    70.             <img src="Bilder/index_15.gif" width="152" height="16" alt=""></td>
    71.         <td>
    72.             <img src="Bilder/Abstandhalter.gif" width="1" height="16" alt=""></td>
    73.     </tr>
    74.     <tr>
    75.         <td width="165" height="26" colspan="2">
    76.             <ul id="qm0" class="qmmc"><li><a class="qmparent" href="index.html">Startseite</a></ul>
    77.                 </td>
    78.  
    79.         <td rowspan="4">
    80.             <img src="Bilder/index_17.gif" width="122" height="84" alt=""></td>
    81.         <td>
    82.             <img src="Bilder/Abstandhalter.gif" width="1" height="26" alt=""></td>
    83.     </tr>
    84.     <tr>
    85.         <td colspan="2">
    86.             <img src="Bilder/index_18.gif" width="165" height="16" alt=""></td>
    87.         <td rowspan="3">
    88.             <img src="Bilder/index_19.gif" width="32" height="58" alt=""></td>
    89.         <td width="71" height="58" rowspan="3">
    90.             <img src="Bilder/Abstandhalter.gif" width="71" height="58" alt=""></td>
    91.         <td rowspan="3">
    92.             <img src="Bilder/index_21.gif" width="30" height="58" alt=""></td>
    93.         <td>
    94.             <img src="Bilder/Abstandhalter.gif" width="1" height="16" alt=""></td>
    95.     </tr>
    96.     <tr>
    97.         <td width="165" height="26" colspan="2">
    98.             <ul id="qm0" class="qmmc"><li><a class="qmparent" href="termine.html">Termine</a></ul>
    99.                 </td>
    100.         <td>
    101.             <img src="Bilder/Abstandhalter.gif" width="1" height="26" alt=""></td>
    102.     </tr>
    103.     <tr>
    104.         <td colspan="2">
    105.             <img src="Bilder/index_23.gif" width="165" height="16" alt=""></td>
    106.         <td>
    107.             <img src="Bilder/Abstandhalter.gif" width="1" height="16" alt=""></td>
    108.     </tr>
    109.     <tr>
    110.         <td width="165" height="26" colspan="2">
    111.             <ul id="qm0" class="qmmc"><li><a class="qmparent" href="Systemische_Therapie.html">Systemische Therapie</a>
    112.                 <ul>
    113.         <li><a href="einzelberatung.html">Einzelberatung</a></li>
    114.         <li><a href="paarberatung.html">Paarberatung</a></li>
    115.         <li><a href="erziehungsseminar.html">Erziehungsseminar</a></li>
    116.                         </ul>
    117.  
    118.                 </td>
    119.         <td width="448" height="102" colspan="6" rowspan="5">
    120.             <img src="Bilder/Abstandhalter.gif" width="448" height="102" alt=""></td>
    121.         <td>
    122.             <img src="Bilder/Abstandhalter.gif" width="1" height="26" alt=""></td>
    123.     </tr>
    124.     <tr>
    125.         <td colspan="2">
    126.             <img src="Bilder/index_26.gif" width="165" height="17" alt=""></td>
    127.         <td>
    128.             <img src="Bilder/Abstandhalter.gif" width="1" height="17" alt=""></td>
    129.     </tr>
    130.     <tr>
    131.         <td width="165" height="26" colspan="2">
    132.             <ul id="qm0" class="qmmc"><li><a class="qmparent" href="javascript:void(0)">Tipping-Coaching</a>
    133.                 <ul>
    134.         <li><a href="einzelcoaching.html">Einzelcoaching</a></li>
    135.         <li><a href="vergebungszeremonie.html">Vergebungszeremonie</a></li>                                    
    136. <!--        <li><a href="javascript:void(0)">Freispalte</a></li>            -->
    137.                         </ul></ul>
    138.                 </td>
    139.         <td>
    140.             <img src="Bilder/Abstandhalter.gif" width="1" height="26" alt=""></td>
    141.     </tr>
    142.     <tr>
    143.         <td colspan="2">
    144.             <img src="Bilder/index_28.gif" width="165" height="16" alt=""></td>
    145.         <td>
    146.             <img src="Bilder/Abstandhalter.gif" width="1" height="16" alt=""></td>
    147.     </tr>
    148.     <tr>
    149.         <td width="165" height="26" colspan="2" rowspan="2">
    150.             <ul id="qm0" class="qmmc"><li><a class="qmparent" href="journey.html">the journey Heilungsreise</a></ul>
    151.                 </td>
    152.         <td>
    153.             <img src="Bilder/Abstandhalter.gif" width="1" height="17" alt=""></td>
    154.     </tr>
    155.     <tr>
    156.         <td colspan="6" rowspan="10">
    157.             <img src="Bilder/index_30.gif" width="448" height="181" alt=""></td>
    158.         <td>
    159.             <img src="Bilder/Abstandhalter.gif" width="1" height="9" alt=""></td>
    160.     </tr>
    161.     <tr>
    162.         <td colspan="2">
    163.             <img src="Bilder/index_31.gif" width="165" height="16" alt=""></td>
    164.         <td>
    165.             <img src="Bilder/Abstandhalter.gif" width="1" height="16" alt=""></td>
    166.     </tr>
    167.     <tr>
    168.         <td width="165" height="26" colspan="2">
    169.             <ul id="qm0" class="qmmc"><li><a class="qmparent" href="spielgruppe.html">Rhytmische Spielgruppe</a></ul>
    170.                 </td>
    171.         <td>
    172.             <img src="Bilder/Abstandhalter.gif" width="1" height="26" alt=""></td>
    173.     </tr>
    174.     <tr>
    175.         <td colspan="2">
    176.             <img src="Bilder/index_33.gif" width="165" height="15" alt=""></td>
    177.         <td>
    178.             <img src="Bilder/Abstandhalter.gif" width="1" height="15" alt=""></td>
    179.     </tr>
    180.     <tr>
    181.         <td width="165" height="26" colspan="2">
    182.             <ul id="qm0" class="qmmc"><li><a class="qmparent" href="person.html">zur Person</a></ul>
    183.                 </td>
    184.         <td>
    185.             <img src="Bilder/Abstandhalter.gif" width="1" height="26" alt=""></td>
    186.     </tr>
    187.     <tr>
    188.         <td colspan="2">
    189.             <img src="Bilder/index_35.gif" width="165" height="16" alt=""></td>
    190.         <td>
    191.             <img src="Bilder/Abstandhalter.gif" width="1" height="16" alt=""></td>
    192.     </tr>
    193.     <tr>
    194.         <td width="165" height="26" colspan="2">
    195.             <ul id="qm0" class="qmmc"><li><a class="qmparent" href="kontakt.php">Kontakt</a></ul>
    196.                 </td>
    197.         <td>
    198.             <img src="Bilder/Abstandhalter.gif" width="1" height="26" alt=""></td>
    199.     </tr>
    200.     <tr>
    201.         <td colspan="2">
    202.             <img src="Bilder/index_37.gif" width="165" height="16" alt=""></td>
    203.         <td>
    204.             <img src="Bilder/Abstandhalter.gif" width="1" height="16" alt=""></td>
    205.     </tr>
    206.     <tr>
    207.         <td width="165" height="26" colspan="2">
    208.             <ul id="qm0" class="qmmc"><li><a class="qmparent" href="impressum.html">Impressum</a></ul>
    209.                 </td>
    210.         <td>
    211.             <img src="Bilder/Abstandhalter.gif" width="1" height="26" alt=""></td>
    212.     </tr>
    213.     <tr>
    214.         <td colspan="2">
    215.             <img src="Bilder/index_39.gif" width="165" height="5" alt=""></td>
    216.         <td>
    217.             <img src="Bilder/Abstandhalter.gif" width="1" height="5" alt=""></td>
    218.     </tr>
    219.     <tr>
    220.         <td>
    221.             <img src="Bilder/Abstandhalter.gif" width="25" height="1" alt=""></td>
    222.         <td>
    223.             <img src="Bilder/Abstandhalter.gif" width="152" height="1" alt=""></td>
    224.         <td>
    225.             <img src="Bilder/Abstandhalter.gif" width="13" height="1" alt=""></td>
    226.         <td>
    227.             <img src="Bilder/Abstandhalter.gif" width="122" height="1" alt=""></td>
    228.         <td>
    229.             <img src="Bilder/Abstandhalter.gif" width="121" height="1" alt=""></td>
    230.         <td>
    231.             <img src="Bilder/Abstandhalter.gif" width="72" height="1" alt=""></td>
    232.         <td>
    233.             <img src="Bilder/Abstandhalter.gif" width="32" height="1" alt=""></td>
    234.         <td>
    235.             <img src="Bilder/Abstandhalter.gif" width="71" height="1" alt=""></td>
    236.         <td>
    237.             <img src="Bilder/Abstandhalter.gif" width="30" height="1" alt=""></td>
    238.         <td>
    239.             <img src="Bilder/Abstandhalter.gif" width="112" height="1" alt=""></td>
    240.         <td>
    241.             <img src="Bilder/Abstandhalter.gif" width="79" height="1" alt=""></td>
    242.         <td>
    243.             <img src="Bilder/Abstandhalter.gif" width="19" height="1" alt=""></td>
    244.         <td></td>
    245.     </tr>
    246. </table>
    247. <!-- End ImageReady Slices -->
    248. </body>
    249. </html>
    Hätte jemand eine schnelle Idee wie ich das beheben könnte?
    Ich weiß die Seite is vom Script her totaler Schrott musste aber schnell gehen..
    Werde sie die Wochen auch nochmal umschmeißen aber vorläufig sollte sie mal bis zum Wochenende erreichbar sein..

    LG Anykey
     
    Zuletzt bearbeitet: 20.05.2010
    #1      
  2. zer02288

    zer02288 ZeroEnna

    Dabei seit:
    14.08.2008
    Beiträge:
    177
    Geschlecht:
    männlich
    Ort:
    Berlin
    Software:
    Adobe CS4 Collection
    Kameratyp:
    Canon EOS 7D
    Verschiebung im IE
    #2      
  3. sagert90

    sagert90 Hobbybastler

    Dabei seit:
    24.03.2008
    Beiträge:
    214
    Geschlecht:
    männlich
    Ort:
    Hückelhoven
    Verschiebung im IE
    AW: Verschiebung im IE

    Hol dir für den Firefox mal das Addon "HTML Tidy" .... das gibt mir direkt schon einmal 18 Warnungen für deinen Code aus....
     
    #3      
  4. Verschiebung im IE
    AW: Verschiebung im IE

    Das ist allerdings wahr.

    Das Ergebnis siehst Du ja.

    Der W3C-Validator meldet gleich mal mehr als 25 Fehler, davon abgesehen ist der Dokumententyp nicht angegeben. Woher soll der Browser da wissen, was er gerade vorgesetzt bekommt?
    XHTML 1.0? (über 100 Fehler)
    HTML 4.01 Transitional? (26 Fehler)
    HTMl 4.01 Strict ? (27 Fehler)

    http://www.validome.org/

    Du hast darüber hinaus im Code HTML-Tags und Schreibweisen verschiedener HTML-Versionen verwendet (zu Tabellenlayout und transparenten gifs als Abstandhalter sage ich mal nichts).
     
    Zuletzt von einem Moderator bearbeitet: 20.05.2010
    #4      
  5. zer02288

    zer02288 ZeroEnna

    Dabei seit:
    14.08.2008
    Beiträge:
    177
    Geschlecht:
    männlich
    Ort:
    Berlin
    Software:
    Adobe CS4 Collection
    Kameratyp:
    Canon EOS 7D
    Verschiebung im IE
    AW: Verschiebung im IE

    Ja barrierefrei is das nicht...aber so weit sind die Web-Kenntnisse dann wohl nicht?!
    Schau dir mal die HTML-Grundlagen an...ohne Grundwissen kommst du da sonst nicht weiter!
    Fakt ist das IE und Firefox Tabellen und Listen sowie deren Formatierung zT. anders darstellen...was deine Fehler erklärt.
    Umgehen/Beheben kannst du das nur indem du den Code sauber umschreibst.
     
    #5      
x
×
×