Anzeige

Bild rutscht im IE

Bild rutscht im IE | PSD-Tutorials.de

Erstellt von Anina, 04.06.2008.

  1. Anina

    Anina Pixelschubserin Kreativ-Flatrate-User

    Dabei seit:
    21.02.2005
    Beiträge:
    1.985
    Geschlecht:
    weiblich
    Ort:
    Unterfranken
    Software:
    Photoshop CC, InDesign CC, Dreamweaver CC, Corel 13,...
    Bild rutscht im IE
    Hi!

    Ich habe da irgendwie ein sehr seltsames Problem:
    Hab ein Layout in Photoshop gemacht und das dann umgewandelt. Im Dreamweaver ist alles okay (siehe Bild 1)
    [​IMG]

    Wenn der Inhalt der Seiten dann im IE angeschaut wird und die Seite länger wie die Tabelle mit der Navi links ist, rutschen diese blöden Balken umher.
    (siehe Bild 2)
    [​IMG]

    Schlage mich jetzt eine Ewigkeit damit rum und bin irgendwie zu blöd heute.

    Hier noch der Quellcode:
    Code (Text):
    1. <html><!-- InstanceBegin template="/Templates/vorlage.dwt" codeOutsideHTMLIsLocked="false" -->
    2. <head>
    3. <meta name="keywords" content="M-City, Mcity, M City, Miltenberg, Fachgeschäfte, Gastronomie, Hotels, Einkaufen, Fachwerkstadt">
    4. <meta name="description" content="M-City Miltenberg - Ihre Fachgeschäfte und Gastronomie in der Fachwerkstadt Miltenberg. Genießen und Einkaufen in der Perle des Mains.">
    5. <meta name="DC.Description" content="M-City Miltenberg - Ihre Fachgeschäfte und Gastronomie in der Fachwerkstadt Miltenberg.">
    6. <meta name="title" content="M-City Miltenberg - Werbegemeinschaft">
    7. <meta name="language" content="German, de, deutsch">
    8. <meta name="author" content="Kreativ Design - Kleinheubach">
    9. <meta name="publisher" content="M-City Miltenberg">
    10. <meta name="copyright" content="M-City Miltenberg">
    11. <meta name="revisit-after" content="after 20 days">
    12. <meta name="page-topic" content="Werbegemeinschaft M-City Miltenberg">
    13. <meta name="audience" content="alle">
    14. <meta name="robots" content="index,follow">
    15. <meta name="generator" content="http://www.mcity-miltenberg.de">
    16.  
    17. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    18.  
    19. <meta http-equiv="Content-Style-Type" content="text/css">
    20.  
    21. <style type="text/css">
    22. <!--
    23. .Textnormal {font-size: 14px}
    24. .Ueberschrift {
    25.     font-size: 20px;
    26.     font-weight: bold;
    27. }
    28. .Stil1 {
    29.     font-size: 14px;
    30.     font-weight: bold;
    31.     color: #4D0000;
    32. }
    33. -->
    34. </style>
    35. <!-- InstanceBeginEditable name="head" -->
    36. <style type="text/css">
    37. <!--
    38. .Stil2 {
    39.     font-size: 18px
    40. }
    41. -->
    42. </style>
    43. <!-- InstanceEndEditable -->
    44. <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
    45. <link href="SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css">
    46. </head>
    47. <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
    48.  
    49. <table id="Tabelle_01" width="960" height="743" border="0" cellpadding="0" cellspacing="0">
    50.     <tr>
    51.         <td colspan="5">
    52.             <img src="Bilder/Layout_01.jpg" width="960" height="151" alt=""></td>
    53.     </tr>
    54.     <tr>
    55.         <td rowspan="2">
    56.             <img src="Bilder/Layout_02.jpg" width="37" height="592" align="top" valign="top"></td>
    57.       <td align="left" valign="top">
    58.  
    59.  
    60.  
    61. <table width="131" heigth="578" cellpadding="0" cellspacing="0"  align="left" valign="">
    62. <tr align="left" valign="top">
    63. <td align="left" valign="baseline"><ul id="MenuBar1" class="MenuBarVertical">
    64.   <li><a href="index.html" target="_self">Startseite</a></li>
    65.   <li><a href="angebote.html" target="_self">Aktuelle Angebote</a></li>
    66.   <li><a href="termine.html" target="_self">Termine</a></li>
    67.   <li><a href="mitglieder.html" target="_self">Mitglieder</a></li>
    68.   <li><a href="verein.html" target="_self" class="MenuBarItemSubmenu">Verein</a>
    69.       <ul>
    70.         <li><a href="vorstand.html" target="_self">Vorstand</a></li>
    71.         <li><a href="satzung.html" target="_self">Satzung</a></li>
    72.         <li><a href="vereinunter.html" target="_self">Verein</a></li>
    73.         <li><a href="rueckblick.html" target="_self">R&uuml;ckblick</a></li>
    74.       </ul>
    75.   </li>
    76.   <li><a href="" target="_self" class="MenuBarItemSubmenu">Archiv</a>
    77.       <ul>
    78.         <li><a href="vergaktionen.html" target="_self">Vergangene Aktionen</a></li>
    79.         <li><a href="ereignisse.html" target="_self">Besondere Ereignisse</a></li>
    80.       </ul>
    81.   </li>
    82.   <li><a href="newsletter.html" target="_self">Newsletter</a></li>
    83.   <li><a href="kontakt.html" target="_self" class="MenuBarItemSubmenu">Kontakt</a>
    84.     <ul>
    85.       <li><a href="kundenumfrage.html" target="_self">Kundenumfrage</a></li>
    86.       <li><a href="kummerkasten.html" target="_self">Kummerkasten</a></li>
    87.     </ul>
    88.     </li>
    89.   <li><a href="impressum.html" target="_self">Impressum</a></li>
    90.   <li><a href="links.html" target="_self">Links</a></li>
    91.   <li><a href="jobs.html" target="_self">Jobs</a></li>
    92.   <p>&nbsp;</p>
    93. </ul>
    94.   </td></tr>
    95. </table></td><td rowspan="2">
    96.             <img src="Bilder/Layout_04.jpg" width="26" height="592" align="top" valign="top"></td>
    97.       <td align="left" valign="top">
    98.            
    99. <table width="753" heigth="578" cellpadding="0" cellspacing="0">
    100. <tr>
    101. <td align="left= valign="top=><!-- InstanceBeginEditable name="content" -->
    102.   <div align="center" class="Ueberschrift">Termine der M-City Werbegemeinschaft</div>
    103.   <p class="Textnormal">Do. 29.05., 19.30<br>
    104.     <strong>Generalversammlung 2008</strong><br>
    105.     Hotel Brauerei Keller</p>
    106.   <p class="Textnormal">    Mi. 04.06. 18.30 Uhr<br>
    107.     <strong>Sitzung</strong><br>
    108.     Piazza Solona</p>
    109.   <p class="Textnormal">    Fr.20. - Mo.23.06.<br>
    110.     <strong>Weinfest auf der Burg </strong></p>
    111.   <p class="Textnormal">    Fr. 20.06. 18.30 Uhr<br>
    112.     <strong>M- City Kl&ouml;nen</strong><br>
    113.     am Weinfest Burghof </p>
    114.   <p class="Textnormal">    Mi. 02.07. 18.30 Uhr<br>
    115.     <strong>Sitzung</strong><br>
    116.     Eiscafe Cortina </p>
    117.   <p class="Textnormal">    Fr. 04. - So. 06.07.<br>
    118.     <strong>Altstadtfest Miltenberg </strong></p>
    119.   <p class="Textnormal">    Mi. 06.08.<br>
    120.     <strong>KEINE Sitzung!</strong> (Sommerpause) </p>
    121.   <p class="Textnormal">    Fr.29.08. - So.07.09.<br>
    122.     <strong>Michaelismesse </strong></p>
    123.   <p class="Textnormal">    So. 07.09. 13-18 Uhr<br>
    124.     <strong>2.
    125.     Messesonntag        verkaufsoffen</strong></p>
    126.   <p class="Textnormal">    Mi. 10.09. 18.30 Uhr<br>
    127.     <strong>Sitzung</strong><br>
    128.     Domus </p>
    129.   <p class="Textnormal">    Fr.26.09. - So.05.10.<br>
    130.     <strong>Weinherbst</strong><br>
    131.     Am Engelplatz </p>
    132.   <p class="Textnormal">    Mi. 01.10. 18.30 Uhr<br>
    133.     <strong>Sitzung</strong><br>
    134.     Weinherbst,     alternativ Hopfengarten</p>
    135.   <p class="Textnormal">    So. 05.10. 13-18 Uhr<br>
    136.     <strong>Weinherbst - Sonntag        verkaufsoffen</strong></p>
    137.   <p class="Textnormal">    Fr. 24.+ Sa.25.10.<br>
    138.     <strong>Aktion SuppKultur</strong><br>
    139.     In der Altstadt </p>
    140.   <p class="Textnormal">    So. 26.10. 13-18 Uhr<br>
    141.     <strong>Mantelsonntag / Martinimarkt        verkaufsoffen</strong></p>
    142.   <p class="Textnormal">    Mi. 05.11. 18.30 Uhr<br>
    143.     <strong>Sitzung</strong><br>
    144.     Weingut Steuer </p>
    145.   <p class="Textnormal">    Fr.28. - So.30.11.<br>
    146.     <strong>1. Weihnachtsmarkt-Wochenende</strong></p>
    147.   <p class="Textnormal">    Mi. 03.12.<br>
    148.     <strong>M- City
    149.     Adventsfeier</strong><br>
    150.     Jagdhotel Rose </p>
    151.   <p class="Textnormal">    Fr.05. - So.07.12.<br>
    152.     <strong>2. Weihnachtsmarkt-Wochenende </strong></p>
    153.   <p class="Textnormal">    Fr.12. - So.14.12.<br>
    154.     <strong>3. Weihnachtsmarkt-Wochenende </strong></p>
    155.   <p class="Textnormal">    Fr.19. - So.21.12.<br>
    156.     <strong>4. Weihnachtsmarkt-Wochenende </strong></p>
    157.   <p class="Textnormal">&nbsp;</p>
    158.   <p class="Textnormal Stil2"><strong>Feste Termine:</strong></p>
    159.   <p class="Textnormal">    i.d.R. am 1. Mittwoch im Monat:<br>
    160.     <strong>Sitzung der M-City zu allen Themen</strong><br>
    161.     in einer Mitgliedsgastronomie   (genaueres siehe oben)</p>
    162.   <p class="Textnormal">    Jeden 14. des Monats<br>
    163.     <strong>Abgabeschluss f&uuml;r Anzeigen M-City Journal </strong><br>
    164.     Herr G&ouml;ldner Tel.4142<br>
    165.     <br>
    166.     Jeden 1. des Monats <br>
    167.     <strong>Erscheinung     M-City-Journal </strong><br>
    168.   </p>
    169.   <p class="Textnormal"><!-- InstanceEndEditable -->
    170.   <p class="Textnormal">
    171. <p></td>
    172. </tr>
    173. </table></td><td rowspan="2">
    174.             <img src="Bilder/Layout_06.jpg" width="13" height="592" alt=""></td>
    175.     </tr>
    176. </table>
    177.  
    178. <script type="text/javascript">
    179. <!--
    180. var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
    181. //-->
    182. </script>
    183. </body>
    184. <!-- InstanceEnd --></html>
    Wäre göttlich wenn mir jemand helfen könnte...

    Danke schonmal!
     
    #1      
  2. ReggaeGregy

    ReggaeGregy nie genug ZEIT

    Dabei seit:
    02.06.2007
    Beiträge:
    134
    Geschlecht:
    männlich
    Bild rutscht im IE
    AW: Bild rutscht im IE

    Kannst du mit CSS umgehen. Das ist nämlich die Lösung.
     
    #2      
  3. Anina

    Anina Pixelschubserin Kreativ-Flatrate-User

    Dabei seit:
    21.02.2005
    Beiträge:
    1.985
    Geschlecht:
    weiblich
    Ort:
    Unterfranken
    Software:
    Photoshop CC, InDesign CC, Dreamweaver CC, Corel 13,...
    Bild rutscht im IE
    AW: Bild rutscht im IE

    Oje, ich befürchte nicht wirklich...
    Ein bißchen geht aber, also vielleicht bekomme ich es hin.
    Nur was muss ich tun?
     
    #3      
  4. Hagbard666

    Hagbard666 CSS-Fetischist

    Dabei seit:
    27.08.2005
    Beiträge:
    525
    Geschlecht:
    männlich
    Ort:
    Rostock
    Software:
    Photoshop CS3, Notepad++
    Bild rutscht im IE
    AW: Bild rutscht im IE

    Hallo

    was noch vergessen wurde anzugeben ist der Doctype, in Fall Deines Entwurfs wird der Browser in den Quirks Modus geschickt.
    Diesen solltest Du auf jeden Fall mit angeben.

    Wa Du machen könntest, wäre die Bilder im Menu als Hintergrundbilder zu deklarieren.
     
    #4      
  5. Anina

    Anina Pixelschubserin Kreativ-Flatrate-User

    Dabei seit:
    21.02.2005
    Beiträge:
    1.985
    Geschlecht:
    weiblich
    Ort:
    Unterfranken
    Software:
    Photoshop CC, InDesign CC, Dreamweaver CC, Corel 13,...
    Bild rutscht im IE
    AW: Bild rutscht im IE

    Hi!

    Oh... doctype vergessen. Ich hab heute wohl wirklich eine lange Leitung.

    Wie deklariere ich denn die beiden Streifen (bzw. Bilder) als Hintergrund *ratlos guck*?
     
    #5      
  6. Hagbard666

    Hagbard666 CSS-Fetischist

    Dabei seit:
    27.08.2005
    Beiträge:
    525
    Geschlecht:
    männlich
    Ort:
    Rostock
    Software:
    Photoshop CS3, Notepad++
    Bild rutscht im IE
    AW: Bild rutscht im IE

    Am betsen ist wenn Du dem Menu, wie auch anderen Elementen einen Container zuweist, und dann dort im Menu-Container per CSS angibts wo das Bild hin soll:

    z.b.

    #menu {
    background: url(pfad zum bild);
    width: die breite;
    }

    usw.
     
    #6      
  7. Anina

    Anina Pixelschubserin Kreativ-Flatrate-User

    Dabei seit:
    21.02.2005
    Beiträge:
    1.985
    Geschlecht:
    weiblich
    Ort:
    Unterfranken
    Software:
    Photoshop CC, InDesign CC, Dreamweaver CC, Corel 13,...
    Bild rutscht im IE
    AW: Bild rutscht im IE

    Oh gott... wie wo was?
    Stelle fest... ich muss noch viel lernen.
     
    #7      
  8. Hagbard666

    Hagbard666 CSS-Fetischist

    Dabei seit:
    27.08.2005
    Beiträge:
    525
    Geschlecht:
    männlich
    Ort:
    Rostock
    Software:
    Photoshop CS3, Notepad++
    Bild rutscht im IE
    AW: Bild rutscht im IE

    OK, also hab ich mich ein wenig verschätzt mit Deinen Kenntnisse. Aber so schwer wie es sich anhört is es nicht.

    Kam die Nachricht an bei Dir?
     
    #8      
x
×
×