Fehlerhafte Startseite im IE

viellärmumnichts · 3. November 2007

Hallo zusammen,

ich habe mit meiner Homepage ein kleines Problem. Ich erstelle sie übrigens mit Netojects Fusion 9. In den meisten Browsern - ich habe opera, Mozilla und Nescape ausprobiert, wird mein Startlogo richtig angezeigt. Nur der Internet Explorer baut Mist. Hat jemand eine Erklärung dafür? Es ist sehr ärgerlich, weil ja die mei
sten Leute nach wie vor den IE nutzen.

Markus

Maik · 3. November 2007

Hi,

falls hier von der Seite http://www.markusbilder.de/ aus deiner Signatur die Rede ist, solltest du die horizontale Zentrierung des Dokumentkörperinhalts entfernen:

Code:

<body style="text-align: center;">

damit der IE die Navigation am linken Fensterrand positioniert.

Zudem fehlt bei vielen Positions- und Dimensionsangaben die Einheit px.

Wenn du aber von einer anderen Startseite sprichst, solltest du den Link zur Seite nennen, oder den Darstellungsfehler etwas präzisieren und mit dem dazugehörigen Quellcode dokumentieren, denn im "Blindflug" lässt sich schwer erklären, warum der IE das Logo nicht wie gewünscht darstellt.

cobrat30 · 14. November 2007

Gut ich schrieb hir mal weiter ich hab einproblem mit meiner seite

link: http://www.messerschmied-hermann.de

die Seite ist mit dem IE verschoben besonders die Galerie und ich sollte das besser regeln kann mit bitte bitte jemand schnell helfen?

Maik · 14. November 2007

Hi,

ich empfehle dir, zunächst das Markup zu validieren:

Wenn die Fehler bereinigt sind und das Layout im IE noch immer zerschossen wird, kannst du dich hier wieder melden.

cobrat30 · 14. November 2007

mhhh ok danke für die hilfe aber ich komm irgendwie doch net weiter weiß net was der will :

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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>

<link rel="stylesheet" href="Neuer Ordner/lightbox2.03.3_deutsch/css/lightbox.css" type="text/css" media="screen" />
<script type="text/javascript" src="Neuer Ordner/lightbox2.03.3_deutsch/js/prototype.js"></script>
<script type="text/javascript" src="Neuer Ordner/lightbox2.03.3_deutsch/js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="Neuer Ordner/lightbox2.03.3_deutsch/js/lightbox.js"></script>

</head>

<body>
<table width="459" border="0">
  <tr>
    <td width="453" height="336" valign="top" bordercolor="0" background="Iframe hintergrund.jpg"><div align="center">
      <table width="404" border="0" align="center" cellspacing="10">
        <tr> <a href="Pics/DSCF0082.JPG" rel="lightbox[roadtrip]" title=""> 
        <img src="Pics/DSCF0082.JPG" width="183" height="136" border="0" /> 
        </a><a href="Pics/DSCF0045.JPG" rel="lightbox[roadtrip]"> 
        <img src="Pics/DSCF0045.JPG" width="183" height="136" border="0" /> 
        </a><a href="Pics/DSCF0048.JPG" rel="lightbox[roadtrip]"> 
        <img src="Pics/DSCF0048.JPG" width="183" height="136" border="0" />
        </a><a href="Pics/DSCF0050.JPG" rel="lightbox[roadtrip]">
        <img src="Pics/DSCF0050.JPG" width="183" height="137" border="0" />
        </a><a href="Pics/DSCF0052.JPG" rel="lightbox[roadtrip]">
        <img src="Pics/DSCF0052.JPG" width="183" height="137" border="0" />
        </a><a href="Pics/DSCF0057.JPG" rel="lightbox[roadtrip]">
        <img src="Pics/DSCF0057.JPG" width="183" height="137" border="0" />
        </a><a href="Pics/DSCF0058.JPG" rel="lightbox[roadtrip]">
        <img src="Pics/DSCF0058.JPG" width="183" height="137" border="0" />
        </a><a href="Pics/DSCF0059.JPG" rel="lightbox[roadtrip]">
        <img src="Pics/DSCF0059.JPG" width="183" height="137" border="0" />
        </a><a href="Pics/DSCF0063.JPG" rel="lightbox[roadtrip]">
        <img src="Pics/DSCF0063.JPG" width="183" height="137" border="0" />
        </a><a href="Pics/DSCF0064.JPG" rel="lightbox[roadtrip]">
        <img src="Pics/DSCF0064.JPG" width="183" height="137" border="0" />
        </a><a href="Pics/DSCF0065.JPG" rel="lightbox[roadtrip]">
        <img src="Pics/DSCF0065.JPG" width="183" height="137" border="0" />
        </a><a href="Pics/DSCF0066.JPG" rel="lightbox[roadtrip]">
        <img src="Pics/DSCF0066.JPG" width="183" height="137" border="0" />
        </a><a href="Pics/DSCF0067.JPG" rel="lightbox[roadtrip]">
        <img src="Pics/DSCF0067.JPG" width="183" height="137" border="0" />
        </a><a href="Pics/DSCF0068.JPG" rel="lightbox[roadtrip]">
        <img src="Pics/DSCF0068.JPG" width="183" height="137" border="0" />
        </a><a href="Pics/DSCF0073.JPG" rel="lightbox[roadtrip]">
        <img src="Pics/DSCF0073.JPG" width="183" height="137" border="0" />
        </a><a href="Pics/DSCF0074.JPG" rel="lightbox[roadtrip]">
        <img src="Pics/DSCF00074.JPG" width="183" height="137" border="0"/>
        </a><a href="Pics/DSCF0075.JPG" rel="lightbox[roadtrip]">
        <img src="Pics/DSCF0075.JPG" width="183" height="137" border="0" />
       
              <td width="186"><div align="center"></div></td>
          <td width="184"><div align="center"></div></td>
        </a></tr>
        <tr>
          <td><div align="center"></div></td>
          <td><div align="center"></div></td>
        </tr>
        <tr>
          <td><div align="center"></div></td>
          <td><div align="center"></div></td>
        </tr>
        <tr>
          <td><div align="center"></div></td>
          <td><div align="center"></div></td>
        </tr>
        <tr>
          <td><div align="center"></div></td>
          <td><div align="center"></div></td>
        </tr>
        <tr>
          <td><div align="center"></div></td>
          <td><div align="center"></div></td>
        </tr>
        <tr>
          <td><div align="center"></div></td>
          <td><div align="center"></div></td>
        </tr>
        <tr>
          <td><div align="center"></div></td>
          <td><div align="center"></div></td>
        </tr>
        <tr>
          <td><div align="center"></div></td>
          <td><div align="center"></div></td>
        </tr>
        <tr>
          <td><div align="center"></div></td>
          <td><div align="center"></div></td>
        </tr>
      </table>
    </div>
    <div align="left"></div></td>
  </tr>
</table>
</body>
</html>

aber da sind keine fehler die der mir anzeigt z.B zeile 17 =
Das Tag: "td" hat kein Attribut: "bordercolor" in den aktuellen Versionen.

irgendwie komm ich net weiter HILFE

Maik · 17. November 2007

Hi,

entferne mal in der pics.html die rotmarkierten Zeilen aus dem Quellcode, die wohl ein Überbleibsel von einem Script sind, und hier für die "Unordnung" im IE sorgen:

Code:

<!-- präsentiert von kostenlose-javascripts.de -->

          <script type='text/javascript'>
<!--


<a href="Pics/DSCF0074.jpg" rel="lightbox" title="Mein Titel">Bild #1</a>

Kirzz · 17. November 2007

Unabhängig vom Browser solltest Du den Quelltext dringend überarbeiten, der ist stark fehlerbelastet. Beispiel:

<script type="text/javascript" src="Neuer Ordner/lightbox2.03.3_deutsch/js/prototype.js"></script>

"Neuer Ordner" Ein Ordner mit Leerzeichen Leerzeichen sind keine gute Idee, den Ordner unbedingt umbenennen, z.B.

HTML:

lightbox/js/prototype.js

Auf dem Server dann natürlich ebenfalls die Ordnernamen anpassen!

Weiter: Du öffnest eine Tabelle <table ...>, danach ein <tr> (korrekt) und beginnst nach dem <tr> direkt mit dem Inhalt. Das funktioniert nicht, der Inhalt muss zwischen den <td>'s (table data) sitzen.

<table width="404" border="0" align="center" cellspacing="10">
<tr> <a href="Pics/DSCF0082.JPG" ...

Danach beginnst Du mit einer Unmenge leerer <td>'s:

<td width="186"><div align="center"></div></td>
<td width="184"><div align="center"></div></td>
</a></tr>
<tr>
<td><div align="center"></div></td>
<td><div align="center"></div></td>
</tr>
<tr>
<td><div align="center"></div></td>
<td><div align="center"></div></td>
</tr>
<tr>
<td><div align="center"></div></td>
<td><div align="center"></div></td>
</tr>
<tr>
<td><div align="center"></div></td>
<td><div align="center"></div></td>
</tr>
<tr>
<td><div align="center"></div></td>
<td><div align="center"></div></td>
</tr>
<tr>
<td><div align="center"></div></td>
<td><div align="center"></div></td>
</tr>
<tr>
<td><div align="center"></div></td>
<td><div align="center"></div></td>
</tr>
<tr>
<td><div align="center"></div></td>
<td><div align="center"></div></td>
</tr>
<tr>
<td><div align="center"></div></td>
<td><div align="center"></div></td>

Ich vermute du möchtest dort deinen Inhalt haben?

Wenn "Ja", probiere es einmal so:

HTML:

<table width="459" border="0">
  <tr>
    <td width="453" height="336" valign="top" bordercolor="0" background="Iframe hintergrund.jpg"><div align="center">
      <table width="404" border="0" align="center" cellspacing="10">
        <tr>
                     <td width="186"><div align="center">Zelle width:186</div></td>
          <td width="184"><div align="center">Zelle width:184</div></td>
        </a></tr>
        <tr>
          <td><div align="center">
<a href="Pics/DSCF0082.JPG" rel="lightbox[roadtrip]" title=""> 
        <img src="Pics/DSCF0082.JPG" width="183" height="136" border="0" /> 
        </a><a href="Pics/DSCF0045.JPG" rel="lightbox[roadtrip]"> 
        <img src="Pics/DSCF0045.JPG" width="183" height="136" border="0" /> 
        </a><a href="Pics/DSCF0048.JPG" rel="lightbox[roadtrip]"> 
        <img src="Pics/DSCF0048.JPG" width="183" height="136" border="0" />
        </a><a href="Pics/DSCF0050.JPG" rel="lightbox[roadtrip]">
        <img src="Pics/DSCF0050.JPG" width="183" height="137" border="0" />
        </a><a href="Pics/DSCF0052.JPG" rel="lightbox[roadtrip]">
        <img src="Pics/DSCF0052.JPG" width="183" height="137" border="0" />
        </a><a href="Pics/DSCF0057.JPG" rel="lightbox[roadtrip]">
        <img src="Pics/DSCF0057.JPG" width="183" height="137" border="0" />
        </a><a href="Pics/DSCF0058.JPG" rel="lightbox[roadtrip]">
        <img src="Pics/DSCF0058.JPG" width="183" height="137" border="0" />
        </a><a href="Pics/DSCF0059.JPG" rel="lightbox[roadtrip]">
        <img src="Pics/DSCF0059.JPG" width="183" height="137" border="0" />
        </a><a href="Pics/DSCF0063.JPG" rel="lightbox[roadtrip]">
        <img src="Pics/DSCF0063.JPG" width="183" height="137" border="0" />
        </a><a href="Pics/DSCF0064.JPG" rel="lightbox[roadtrip]">
        <img src="Pics/DSCF0064.JPG" width="183" height="137" border="0" />
        </a><a href="Pics/DSCF0065.JPG" rel="lightbox[roadtrip]">
        <img src="Pics/DSCF0065.JPG" width="183" height="137" border="0" />
        </a><a href="Pics/DSCF0066.JPG" rel="lightbox[roadtrip]">
        <img src="Pics/DSCF0066.JPG" width="183" height="137" border="0" />
        </a><a href="Pics/DSCF0067.JPG" rel="lightbox[roadtrip]">
        <img src="Pics/DSCF0067.JPG" width="183" height="137" border="0" />
        </a><a href="Pics/DSCF0068.JPG" rel="lightbox[roadtrip]">
        <img src="Pics/DSCF0068.JPG" width="183" height="137" border="0" />
        </a><a href="Pics/DSCF0073.JPG" rel="lightbox[roadtrip]">
        <img src="Pics/DSCF0073.JPG" width="183" height="137" border="0" />
        </a><a href="Pics/DSCF0074.JPG" rel="lightbox[roadtrip]">
        <img src="Pics/DSCF00074.JPG" width="183" height="137" border="0"/>
        </a><a href="Pics/DSCF0075.JPG" rel="lightbox[roadtrip]">
        <img src="Pics/DSCF0075.JPG" width="183" height="137" border="0" />
</div></td>
  </tr>
</table>

Evtl. jedes Bild in einen eigenen <div align="center"> ... </div><br> (br = break (Zeilenumbruch)) setzen wenn die Bilder untereinander angeordnet werden sollen?

Wenn das nicht die <td> ist, in der dein Inhalt stehen soll, nutze einen der beiden anderen (Zelle width:186, Zelle width:184) und kopiere den Inhalt dort hinein?

Wenn der Quelltext dann korrekt ist kannst du dich an die Problematik mit der IE Verschiebung machen indem du über untersch. Stylesheets versch. Positionen angibst. Falls das erforderlich ist melde dich gerne wieder.

Viel Glück

cobrat30 · 17. November 2007

wow ich danke euch vielen dank so weit so gut ihr könnt ne seite mit dem IE jetzt mal anschauen

http://www.messerschmied-hermann.de

aber es kommt mir so vor als würde das fraim fenster nicht genau passen. Liegt das an der höhe und breite ?

das problem ist bei allen seiten die ich mit iframe gemacht habe

Kirzz · 17. November 2007

Das Problem *könnte* die von Lightbox voreingestellte / oder von dir definierte / border-Stärke sein. Wichtig bei der Wahl der <td>-Breite ist, die border um das Bild muss hinzuaddiert werden, z.B. 200px image + 10px border = 220px <td> Weite minimum.

Ist nur eine Vermutung. Hast Du die border-Stärke mitgerechnet?

cobrat30 · 17. November 2007

mh ne das hab ich nicht ich versuche es mal

Fehlerhafte Startseite im IE

viellärmumnichts

Mitglied

Maik

cobrat30

Grünschnabel

Maik

cobrat30

Grünschnabel

Maik

Kirzz

Grünschnabel

cobrat30

Grünschnabel

Kirzz

Grünschnabel

cobrat30

Grünschnabel

Neue Beiträge