• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Darstellung fehlerhaft auf verschiedenen Rechnern

W

WalkDown

Neues Mitglied
Hallo!

Ich habe ein Problem mit der Darstellung meiner Internetseite auf verschiedenen Rechnern.

Ich habe auf meinem Laptop die Internetseite zurechtgebaut und hier läuft auch alles prima. Alle Bilder da, alles da wo ich es haben wollte. Der Laptop hat keinen Druckeranschluss, also musste ich zum Ausdrucken an einen Desktop-PC und dort fällt mir auf, dass offline zwei Bilder fehlen. Ich habe alles nochmal überprüft und bin leider auf keinen Fehler gestoßen, doch die Bilder sind immer noch nicht wieder da.
Ich habe dann vom Laptop aus die Seite online gestellt, um zu sehen, wie es sich dort verhält. Online fehlt ein komplett anderes Bild! Und was ich eigentlich noch viel schlimmer fand: Einige Objekte sind verschoben...
Die Seite habe ich mir online nun auf 3 Rechnern angesehen und alle haben andere Fehler.

Aufgrund der Tatsache, dass ich von HTML gerade mal ein bisschen mehr als Grundkenntnisse besitze, habe ich mit einem Template gearbeitet und muss mich nun leider geschlagen geben... :(

Hier mal der Quelltext:

HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Weroco Bauelemente- und Handelsgesellschaft mbH</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body bgcolor="#fbfbfb" style="leftmargin=0px; topmargin=0px; marginwidth=0px; marginheight=0px">
<!-- Save for Web Slices (modernisme_sliced.psd) -->
<table style="width=1001px; height=1600px;" border="0" align="center" cellpadding="0" cellspacing="0" id="Table_01">
<tr>
                <td colspan="4">
                        <div id="logo">
                  <div><a href="index.html"><img src="http://www.html.de/images/weroco_logo_trans.gif" alt="logo" width="103" height="62" border="0" style="float:left; padding-left:90px; padding-top: 30px; padding-right: 20px; " longdesc="index.html" /></a></div>
                <div class="company-name">WEROCO<span class="content">Bauelemente- und Handelsgesellschaft mbH</span></div></div></td>
                <td>
                        <img src="http://www.html.de/images/spacer.gif" width="1" height="134" alt="" /></td>
        </tr>
        <tr>
                <td rowspan="6"><div id="left-space"><div class="left-space" title="wholesale china"><a href="http://www.e-globalspot.com"><strong>wholesale china</strong></a></div>
          </div></td>
          <td rowspan="2">
                        <div class="left_menu">
        <ul>
        <li><a href="index.html">Startseite</a></li>
        <li><a href="leistungen.html">Leistungen</a></li>        
        <li><a href="beschlaege.html">Beschläge</a></li>
        </ul>
        </div></td>
                <td rowspan="2">
                        <img src="http://www.html.de/images/index_04.png" width="22" height="640" alt="" /></td>
                <td><div id="header"><div class="header">IHR PARTNER</div>
        <div class="header-sub">BEIM BAU</div>
        </div></td>
  <td>
                        <img src="http://www.html.de/images/spacer.gif" width="1" height="299" alt="" /></td>
        </tr>
        <tr>
                <td rowspan="3"><div id="content-main">
        <div class="title2">TÜREN & FENSTER</div>
        <div class="content">
          Wir sind Ihr Fachhändler in Berlin und Brandenburg, wenn es um Innentüren und deren fachgerechte Montage geht. Auch Stahltüren und Tore für Brandschutz, Rauchschutz, Sicherheit und großflächige Verglasungen, sowie Haustüren jeglicher Art finden Sie in unserem Angebot. Desweiteren bieten wir Ihnen Fenster und Rolläden, um die Fassade Ihres Bauobjekts zu vollenden.
          <p></p></div>
        <div class="content_lieferanten">  
            <table width="500" height="480" border="1">
       <tr>
         <td align="center" height="80" width="56%"><a href="http://www.vitadoor.de/" target="_blank">
      <img src="http://www.html.de/images/logos/VIDO_Logo_mitClaim_4C_RZ01.jpg" border="0" height="59" width="226" alt="vitaDOOR"></a></td>
         <td align="center" height="80" width="56%"><a href="http://www.domoferm.com/" target="_blank">
      <img src="http://www.html.de/images/logos/DF_Logo_4c_CMYK1.jpg" border="0" height="59" width="226" alt="Domoferm"></a></td>
       </tr>
       <tr>
         <td align="center" height="96" width="56%"><a href="http://www.westag-getalit.de/" target="_blank">
      <img src="http://www.html.de/images/logos/Logo_Westag_2008_pos.eps.jpg" border="0" height="59" width="226" alt="Westag-Getalit"></a>;</td>
         <td align="center" height="80" width="56%"><a href="http://www.hoermann.de/fileadmin/produktkatalog/template_1.php?user_id=1333350410&page=3" target="_blank">
      <img src="http://www.html.de/images/logos/logohoermann.jpg" border="0" height="59" width="226" alt="H&ouml;rmann"></a></td>
       </tr>
       <tr>
         <td align="center" height="96" width="56%"><a href="http://www.jeld-wen.de/" target="_blank">
      <img src="http://www.html.de/images/logos/jeld-wen_logo.jpg" border="0" height="59" width="226" alt="Jeld-Wen"></a></td>
         <td align="center" height="80" width="56%"><a href="http://bestofsteel.de/" target="_blank">
      <img src="http://www.html.de/images/logos/logobos.jpg" border="0" height="59" width="226" alt="BOS"></a></td>
       </tr>
       <tr>
         <td align="center" height="96" width="56%"> <a href="http://www.herholz.de/" target="_blank">
      <img src="http://www.html.de/images/logos/herholz.jpg" border="0" height="59" width="226" alt="Herholz"></a></td>
         <td align="center" height="80" width="56%"><a href="http://www.metex-stahlzargen.de/" target="_blank">
      <img src="http://www.html.de/images/logos/Metex_Copyright_4c.jpg" border="0" height="80" width="226" alt="Metex-Stahlzargen"></a></td>
       </tr>
       <tr>
         <td align="center" height="80" width="56%"><a href="http://www.wertbau.de/" target="_blank">
      <img src="http://www.html.de/images/logos/WB-Logo neu_100y_100m_RGB Kopie.jpg" border="0" height="59" width="226" alt="Wertbau"></a></td>
         <td align="center" height="80" width="56%"><a href="http://www.aluminiumzargen.de/" target="_blank">
      <img src="http://www.html.de/images/logos/image001.gif" border="0" height="59" width="226" alt="AZ"></a></td>
       </tr>
       <tr>
         <td align="center" height="80" width="56%"><a href="http://www.klose-fenster.de/" target="_blank">
      <img src="http://www.html.de/images/logos/Klose_Logo.jpg" border="0" height="80" width="226" alt="Klose"></a></td>
       </tr>           
     </table>
        </div>
        </div></td>
  <td>
                        <img src="http://www.html.de/images/spacer.gif" width="1" height="341" alt="" /></td>
        </tr>
        <tr>
                <td colspan="2">
                        <div id="left-column" style="margin-top: -300px;"><div class="title">NEUIGKEITEN</div></div></td>
                <td>
                        <img src="http://www.html.de/images/spacer.gif" width="1" height="68" alt="" /></td>
        </tr>
        <tr>
                <td colspan="2"><div id="latest-news" style="margin-top: -400px;"><div class="content">
                  <p>01.01.2011<br />
                    <a href="http://www.hoermann.de/haustueren/thermopro-eingangstueren/">ThermoPro Eingangstüren<br> NEU: Widerstandsklasse WK2</a></p>
                  <p>01.01.2011<br />
                    <a href="http://www.hoermann.de/fileadmin/produktkatalog/template_1.php?user_id=1333350410&page=3">Neuer HÖRMANN Internet-Produktkatalog</a></p>
                  </div></div></td>
  <td>
                        <img src="http://www.html.de/images/spacer.gif" width="1" height="269" alt="" /></td>
        </tr>
        <tr>
                <td colspan="3"><div id="bottom_tf"><div class="buttom"><a href="index.html">Startseite</a> <a href="lleistungen.html">Leistungen</a> <a href="service.html">Serviceangebot</a> <a href="referenzen.html">Referenzen</a> <a href="impressum.html">Impressum</a></div>
                </div></td>
  <td>
                        <img src="http://www.html.de/images/spacer.gif" width="1" height="53" alt="" /></td>
        </tr>
        <tr>
                <td colspan="3"><div id="footer">
                  <div class="buttom">DESIGN BY <a href="http://www.e-globalspot.com" title="wholesale china"><strong>wholesale china</strong></a></div>
                </div></td>
  <td>
                        <img src="http://www.html.de/images/spacer.gif" width="1" height="36" alt="" /></td>
        </tr>
</table>
<!-- End Save for Web Slices -->
</body>
</html>
 
Zuletzt bearbeitet:
Du redest von Computer, nennst aber nicht die von dir getesteten Browser - denn die sind entscheidend um evtl. Fehldarstellung bewerten zu können.

Außerdem wäre es schön, wenn Du Quellcode künftig in Code-Tags setzen könntest. Dann wären sie auch lesbarer.

Dennoch sehe ich bereits ein Problem deiner Seite: es ist ein Tabellendesign. Etwas was man heutzutage nicht macht. Wenn man eine Webseite sauber erstellen möchte, dann muss man auf Tabellen verzichten. Nutze HTML-Code so wie er gedacht ist: Überschriften als Überschriften, Absätze als Paragraphen, Links als Links, Menüs als Aufzählungslisten .. etc.pp. .. die Gestaltung macht man per CSS, etwas was ich in deinem Quellcode hier auch absolut vermisse.

Offenbar hast Du dieses Konstrukt aus Photoshop exportiert btw. gesliced. Auch das macht man nicht. Kein Programm kann vollautomatisch sauberen HTML- und CSS-Code erzeugen der dann auch noch in verschiedenen Browsern richtig ankommt. Verzichte darauf und mache die gesamte Seite neu.

Ideal wäre btw. noch ein Link zur Seite, damit man sich das selbst anschauen kann.
 
Hallo,

wie gesagt bin ich gerade mal mit den Grundlagen vertraut, wurde jedoch von meinem Vater (eben aufgrund dieser Grundkenntnisse) darauf angesprochen, die Internetseite für seine Firma zu gestalten. Er hatte sich ein Template rausgesucht und wollte von mir lediglich die Inhalte auf dieser Seite haben. Ich könnte eine Seite wie diese nicht annähernd alleine gestalten.
Es geht mir speziell um diese Seite:

Weroco Bauelemente- und Handelsgesellschaft mbH

Ich sprach von Computern, weil es sich auf drei Verschiedenen im Internet Explorer anders verhielt (mittlerweile vier, da mir an meinem Desktop-PC mit der gleichen Version des IE wie auf dem Laptop, auf welchem alles funktioniert, 2 andere Bilder fehlen).
 
Gerade der IE ist dafür bekannt in jeder Version Webseiten durchaus anders darstellen zu können. Das kann man aber alles auch anpassen. Du wirst deine Seite dahingehend jedoch nicht anpassen können - Du musst sie ohne slicen komplett neu machen, wenn Du damit etwas erreichen willst.
 
WalkDown schrieb:
Hallo,

Ich sprach von Computern, weil es sich auf drei Verschiedenen im Internet Explorer anders verhielt (mittlerweile vier, da mir an meinem Desktop-PC mit der gleichen Version des IE wie auf dem Laptop, auf welchem alles funktioniert, 2 andere Bilder fehlen).
Zum Vergrößern anklicken....

Dafür reicht übrigens ein Rechner mit einer aktuellen Version des Internet Explorer. Wenn du die Taste F12 drückst, wird ein Entwicklertool eingeblendet, mit dem sich ältere IE's simulieren lassen. Was die nicht angezeigten Bilder betrifft, würde ich mal die Dateinamen und Pfade überprüfen.

Ich bin 2010 aus einem vergleichbaren Anlass wie du der Materie in Berührung gekommen und habe den Auftrag damals direkt wieder zurückgegeben. Es hat etwa 12 Monate intensiven Lernens mittels Seminaren und im Selbststudium gedauert, bis ich ich halbwegs professionell aussehende Webseiten erstellen konnte. Falls du dieses Jahr noch etwas anderes vorhast, und dein Vater nicht solange warten will, schicke ihn lieber direkt zu einer Agentur. ;)
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben