weiße Seite im Internetexplorer - Seite 2 @ tutorials.de: Tutorials, Forum & Hilfe

netzjunkie · 08.11.09 17:16

Tatol seltsam, denn bei mir mit der gleichen IE8-VErsion sehe ich den Shop-Bereich

geändert:

HTML-Code:

<p><iframe marginwidth=4 marginheight=4 src="http://www.sp-fotostudio.de/shop" frameborder=0 width=100% height=5000 scrolling=no ></iframe>

Maik · 08.11.09 17:19

Machst du in deinem übrigen Leben auch nur halbe Sachen?

mfg Maik

netzjunkie · 08.11.09 17:22

Nein, warum ?
Muss hier der ganze Ausdruck in Anführungszeichen ?

Sorry, aber ich bin da leider nicht so der Experte

HTML-Code:

<p><iframe marginwidth="4" marginheight="4" src="http://www.sp-fotostudio.de/shop" frameborder="0" width="100%" height="5000" scrolling="no" ></iframe>

Was ich festgestelle habe ist, daß wenn ich den Code

HTML-Code:

<!--[if lt IE 8]>
<style type="text/css">
.inner {top:50%;left:0;}
.inner p{top:-50%;        position:relative;}
</style>
<![endif]-->
<!--[if lt IE 7]>
<script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE7.js" type="text/javascript"></script>
<![endif]-->

in

HTML-Code:

<!--[if lt IE 7]>
<style type="text/css">
.inner {top:50%;left:0;}
.inner p{top:-50%;        position:relative;}
</style>
<![endif]-->
<!--[if lt IE 7]>
<script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE7.js" type="text/javascript"></script>
<![endif]-->

ändere, dann scheint es zu gehen.
Den geänderten Code habe ich mal als http://www.sp-fotostudio.de/index.php?template=shop3 abgespeichert. Kannst du denn bei der Version den Seiteninhalt sehen ?

Gruss
Thorsten

Maik · 08.11.09 17:32

Richtig, jeder Attributswert wird in Anführungszeichen (einfach oder doppelt) notiert.

Und ja, mit dieser Variante seh ich nun den iFrame-Inhalt im IE8, wenngleich ich nicht nachvollziehen kann, was es damit zu tun haben soll, da beide Operatoren ("lt IE 7" und "lt IE 8") den IE8 von diesen CSS-Regel ausschließen.

Nur wozu wird hier überhaupt die vertikale Zentrierung benötigt, wenn der iFrame 5000px hoch sein soll, und sich somit eh am oberen Elementrand ausrichtet?

Ziemlich sinnfrei das Ganze, oder?

mfg Maik

netzjunkie · 08.11.09 17:35

Funktioniert der denn nun auch im IE7 bei dir ?

Ja das mit der vertikalen zentrierung stimmt. Das inner und outer div ist hier überflüssig. Das werde ich noch entfernen.

Gruss
Thorsten

Maik · 08.11.09 17:38

Zitat von netzjunkie

Funktioniert der denn nun auch im IE7 bei dir ?

Jo.

mfg Maik

netzjunkie · 08.11.09 17:42

Danke Dir ertsmal.
Eine kurze Rückfrage noch, da ich im IE7 und IE6 Probleme habe.
Wenn du in den Shop gehst und auf eine Kategorie klickst, hast du dann die Möglichkeit ein Passwort einzugeben ?
Bei meinen installierten Standalones IE6 und IE7 kann ich in dem Passwortfeld nicht schreiben, nur im IE8.
Das habe ich aber auch wenn ich über die normale Shopseite http://www.sp-fotostudio.de/shop/ gehe

Maik · 08.11.09 17:57

Ich kann da problemlos was in das Eingabefeld tippen - selbst in den Standalone-Versionen des IE6 und IE7.

mfg Maik

netzjunkie · 08.11.09 18:04

OK, danke für die kurze Info
und für die Hilfe

Gruss
Thorsten

netzjunkie · 08.11.09 19:50

So, auf 3 Fehler habe ich die shop-Seite runter, aber die 3 bekomme ich nicht mehr weg.
http://www.sp-fotostudio.de/index.php?template=shop

Aber immerhin schonmal um gut 70 Fehler reduziert.
Danke nochmal an Maik

Gruss
Thorsten

Maik · 08.11.09 20:09

Zitat von netzjunkie

So, auf 3 Fehler habe ich die shop-Seite runter, aber die 3 bekomme ich nicht mehr weg.

Aber ich

Zitat von http://validator.w3.org/check

This document was successfully checked as HTML 4.01 Transitional!

HTML-Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
       "http://www.w3.org/TR/html4/loose.dtd">
<html dir="ltr">
<head>
<title>SP-Fotostudio</title>
<META name="Title" content="SP-Fotostudio">
<META name="Author" content="Stefanie Pytlik">
<META name="Publisher" content="Stefanie Pytlik">
<META name="Copyright" content="(c) 2007 by Stefanie Pytlik">
<META name="Revisit" content="After 14 days">
<META name="Keywords" content="Fotografin, pytlik, fotograf, fotografie,foto, bild, aufnahmen, portrait, kinder, hochzeit,duisburg,oberhausen,essen,ruhrgebiet,landschaftspark,duisburg-nord,meiderich,moers,rheinhausen,kamp-lintfort,dinslaken,voerde,fotostudio,fotoatelier,fotografie,akt,erotik,bild,bestellung,auftrag,fotografin,pytlik,portait,weihnachten,überraschung,kunst,mobil,foto,landschaft,fotomobil,fotostudio,fotoshooting,bilder,">
<META name="Description" content="SP-Fotostudio - Ihr Fotostudio aus Duisburg für Aufnahmen aller Art !">
<META name="Abstract" content="SP-Fotostudio - Ihr Fotostudio aus Duisburg für Aufnahmen aller Art !">
<META name="Robots" content="INDEX,FOLLOW">
<META name="Language" content="Deutsch">
<link rel="stylesheet" href="./templates/4dark/style.css">
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen">
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<script language="javascript" type="text/javascript">
<!--

  var captcha_reload_count = 0;
   var captcha_image_url = "./captcha.php?sessionid=h1fgfue0krffg07c69237fhjmecp7hnh";
  function new_captcha_image() {
    if (captcha_image_url.indexOf('?') == -1) {
        document.getElementById('captcha_image').src= captcha_image_url+'?c='+captcha_reload_count;
      } else {
        document.getElementById('captcha_image').src= captcha_image_url+'&c='+captcha_reload_count;
      }

    document.getElementById('captcha_input').value="";
    document.getElementById('captcha_input').focus();
    captcha_reload_count++;
  }
--></script>
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>


<style type="text/css">
<!--
html, body {
        width: 100%;
        height: 100%;
        margin: 0;
        border: 0;
        padding: 0;
        background-image: url(templates/4dark/images/Homepage/body_bg.jpg);


}
body {
        overflow: hidden;        /* Scrollbalken im Fenster unterbinden */

}
#oben {
        position: absolute;
        top: 15px;                        /* Abstand zum oberen Fensterrand */
        left: 100px;                /* Abstand zum linken Fensterrand */
        right: 100px;                /* Abstand zum rechten Fensterrand */
        height: 65px;                /* Blockhöhe */
        padding: 0;                /* Interpretation Boxmodell! */
        overflow: hidden;        /* Scrollbalken unterbinden */
                background-color: white;
                background-image: url(templates/4dark/images/Homepage/Logo.jpg);
                background-repeat:no-repeat;
                background-position:10px 10px;

/* nur für IE: */
        width: expression((document.body.clientWidth - 200) + "px");
}
#oben .inhaltDiv {
        margin: 10px;                /* Abstand des Inhalts zum Blockrand */
}
#links {
        position: absolute;
        left: 54px;                /* Abstand zum linken Fensterrand */
        top: 15px;                /* Abstand zum oberen Fensterrand */
        width: 46px;                /* Blockhöhe */
        bottom: 15px;                /* Abstand zum unteren Fensterrand */
        overflow: hidden;                /* Scrollbalken, falls notwendig */
            background-image: url(templates/4dark/images/Homepage/links.jpg);
/* nur für IE: */
        width: 46px;
        height: expression((document.body.clientHeight - 30) + "px");  /* top-Wert + bottom-Wert */
}
#rechts {
        position: absolute;
        right: 54px;                /* Abstand zum linken Fensterrand */
        top: 15px;                /* Abstand zum oberen Fensterrand */
        width: 46px;                /* Blockhöhe */
        bottom: 15px;                /* Abstand zum unteren Fensterrand */
        overflow: hidden;                /* Scrollbalken, falls notwendig */
                background-image: url(templates/4dark/images/Homepage/rechts.jpg);
/* nur für IE: */
        width: 46px;
        height: expression((document.body.clientHeight - 30) + "px");  /* top-Wert + bottom-Wert */
}
#mitte {
        position: absolute;
        left: 100px;                /* Abstand zum linken Fensterrand */
        top: 80px;                /* Abstand zum oberen Fensterrand */
        right: 100px;                /* Abstand zum rechten Fensterrand */
        bottom: 75px;                /* Abstand zum unteren Fensterrand */
        overflow: auto;                /* Scrollbalken, falls notwendig */
                background-color: white;
/* nur für IE: */
        width: expression((document.body.clientWidth - 200) + "px"); /* left-Wert + right-Wert */
        height: expression((document.body.clientHeight - 155) + "px");  /* top-Wert + bottom-Wert */
}
#mitte .inhaltDiv {
        margin: 10px;                /* Abstand des Inhalts zum Blockrand */
}

#unten {
        position: absolute;
        left: 100px;                /* Abstand zum linken Fensterrand */
        bottom: 15px !important;        /* Abstand zum unteren Fensterrand */
        bottom: 15px;                /* nur für IE */
        right: 100px;                /* Abstand zum rechten Fensterrand */
        height: 60px;                /* Blockhöhe */
        padding: 0px;                /* Interpretation Boxmodell! */
        overflow: hidden;        /* Scrollbalken unterbinden */
                text-align: center;
                background-color: white;
/* nur für IE: */
        width: expression((document.body.clientWidth - 200) + "px");
                                /* left-Wert + right-Wert = 200 */
}
#unten .inhaltDiv {
        margin: 10px;                /* Abstand des Inhalts zum Blockrand */
}

.outer {
        position:relative;
        display:table;
        height: 100%;
        width: 100%;
        vertical-align: middle;
        text-align: center;
        float:left;
}
.inner {
        width:100%;
        display:table-cell;
        vertical-align:middle;
        position:relative;
}

.Stil64 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #333333;
        font-weight: bold;
}
.Stil65 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
        color: #626B79;
}
.Stil66 {        font-family: "Book Antiqua", "Bookman Old Style";
        font-size: 13px;
        color: #000000;
}
.Stil78 {font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 13px; }
-->
</style>
<!--[if lt IE 7]>
<style type="text/css">
.inner {top:50%;left:0;}
.inner p{top:-50%;        position:relative;}
</style>
<![endif]-->
<!--[if lt IE 7]>
<script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE7.js" type="text/javascript"></script>
<![endif]-->

</head>
<body>

<!-- Programmierung für oberen Container -->

<div id="oben">
<div class="inhaltDiv">
<table width="100%" border="0" align="center">
<tr>
<td>
<ul id="Navigation">
<li><a href="contact.php">Kontakt</a></li>
<li><a href="index.php?template=shop">Shop</a></li>
<li><a href="index.php?template=aktionen">Aktionen</a></li>
<li><a href="index.php?template=shooting">Preise</a></li>
<li><a href="index.php?template=workshops">Workshops</a></li>
<li><a href="galerie.php">Galerie</a></li>
</ul>
</td>
</tr>
</table>
</div>
</div>

<div id="mitte">
<p><iframe marginwidth="4" marginheight="4" src="http://www.sp-fotostudio.de/shop" frameborder="0" width="98%" height="5000" scrolling="no"></iframe>
</p>
</div>

<div id="unten">
<table width="100%" border="0" align="center" cellpadding="5" cellspacing="0" >
<tr bgcolor="#FFFFFF">
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr bgcolor="#EDEDED">
<td width="20">&nbsp;</td>
<td height="50" bgcolor="#EDEDED" valign="top">
<div align="left">
<a href="index.php?template=impressum" target="_self" class="Stil3 Stil19 Stil64">Impressum / AGBs</a>
</div>
</td>
<td bgcolor="#EDEDED" valign="top">
<div align="right" class="Stil65">
<span class="Stil18">Copyright &copy; 2007 Stefanie Pytlik</span>
<br>
<span class="Stil18">Powered by <b>4images</b> 1.7.6  Copyright &copy; 2002 <a href="http://www.4homepages.de" target="_blank">4homepages.de</a>
</span>
</div>
</td>
<td width="20">&nbsp;</td>
</tr>
</table>
</div>

<div id="links">
</div>

<div id="rechts">
</div>

</body>
</html>

mfg Maik

netzjunkie · 08.11.09 20:17

Danke für die Hilfe !

Dann werde ich mir die Tage mal die anderen HTML-Seiten vornehmen.

Gruss
Thorsten

netzjunkie · 14.11.09 14:38

Hallo Maik

es geht voran
So nach und nach bekomme ich die einzelnen Seiten hin
Nur bei
http://www.sp-fotostudio.de/index.ph...ntact_mailform
bekomme ich den Code nicht ganz fehlerfrei hin.
Könntest du hier evtl. auch nochmal draufgucken was die beiden Meldungen bedeuten ?

Gruss
Thorsten

Maik · 14.11.09 14:55

Die Fehlermeldungen seitens des W3C-Validator sind doch eindeutig beschrieben: Das Attribut wrap ist kein gültiges Attribut, und das <script>-Element darf an dieser Stelle des Markups nicht notiert werden.

Das dazugehörige Element mit der ID #contactForm existiert übrigens überhaupt nicht in dem HTML-Code, was zu einer JS-Fehlermeldung führt.

Desweiteren fehlt am Ende des Markups der schliessende </body>- und </html>-Tag.

mfg Maik

netzjunkie · 14.11.09 15:33

Hallo Maik
ich hate de Code jetzt fehlerfrei hinbekommen, dank deiner Hilfe.
Aber leider funktionierte dann des Kontaktformular so nicht mehr.
Deswegen lasse ich den jetzt mal so wie er im Original war.
Da hat er zwar 17 fehler, aber das Formular funktioniert wenigstens...

Danke für deine Hilfe

Gruss
Thorsten

tut orials.de	tut verbinden	tut dir helfen	tut kooperieren
©2000-2012 tutorials.de Alle Rechte vorbehalten	tut informieren » Impressum » Nutzungsregeln » Netiquette » Team » Redaktion	» Tutorials » Videotutorials » Showroom » Events & Contests » Chat » RSS-Feed » Blogs	» der-webdesigner.net » DesignerInAction » Design Nation » Directorforum » Flashhilfe » PHP-Resource » PHPwelt » PSD-Tutorials

Themen-Optionen

Anzeige

Ähnliche Themen

Bekomme bei einer .PHP nur ne weiße Seite

Weiße Seite wegen IP-Ermittlung

Weiße Seite bei Weiterleitung

Drucker gibt nur weiße Seite aus

WebFotogalerie zeigt nur weiße Seite an

E-Mail:

Abonnieren Abbestellen