google html5 shiv läuft nicht in ie 8

loepi · 23.09.2012

Hallo!

Bin gerade am rum probieren und versuche eine HTML5 und CSS3 Seite im Internet Explorer 8 zum laufen zubringen...
Habe auch den Google HTML5 Shiv Code eingebaut, die Seite wird trotzdem nicht korrekt angezeigt.

Es wird eigentlich nur der Footer angezeigt, der ganze mittlere und obere Teil der Seite fehlt.

Woran kann das liegen?

Getestet unter Windoof XP und IE 8 32bit.

Danke und Grüsse
Löpi

cebito · 23.09.2012

AW: google html5 shiv läuft nicht in ie 8

loepi schrieb:
Woran kann das liegen?

An der kaputten Kristallkugel?

Fritschie · 24.09.2012

AW: google html5 shiv läuft nicht in ie 8

Wir sind doch keine Hellseher. Zum helfen brauchen wir wenigstens den Quellcode um reinschauen zu können.

loepi · 24.09.2012

AW: google html5 shiv läuft nicht in ie 8

ok... hätte ja sein können das es was einfaches ist.
Hoffe das hilft jetzt weiter.

grüsse

Screenshots:
1. im IE8:

2. imSafari 6: (So sollte es aussehen)

Quellcode:

HTML:

<!DOCTYPE html>

<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">

<!--[if lt IE 9]>
<script src="dist/html5shiv.js"></script>
<![endif]-->

<title>Title</title>
<meta name="description" content="" />
<meta name="keywords" content="" />
<link rel="stylesheet" href="css/flexslider.css" type="text/css" />
<link rel="stylesheet" href="css/style.css" type="text/css" />

<!--[if (gte IE 6)&(lte IE 8)]>
<script type="text/javascript" src="js/html5.js"></script>
<script type="text/javascript" src="js/selectivizr-min.js"></script>
<link rel="stylesheet" href="css/ie_7.css" type="text/css" />
<![endif]-->


<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.16.custom.min.js"></script>
<script type="text/javascript" src="js/all-in-one-min.js"></script>
<script type="text/javascript" src="js/setup.js"></script>
<script type="text/javascript" src="js/main.js"></script>

    <!-- Header -->
    <header class="header_bg clearfix">
        <div class="container clearfix">
            <!-- Social -->
                <ul class="social-links">
                    <li ><a href="javascript:"><img src="http://www.psd-tutorials.de/forum/images/facebook_32.png" alt="Facebook"></a></li>
                    
                </ul>
            <!-- /Social -->
             <!-- Logo -->
            <div class="logo">
                <a href="index.html"><img src="http://www.psd-tutorials.de/forum/images/logo.gif" alt="" /></a>
            </div>
             <!-- /Logo -->
            
            <!-- Master Nav -->
            <nav class="main-menu">
                <ul>
                    <li><a href="wir.html">Über Uns</a></li>
                    <li>

                                                <a>Die Höfe</a>
                                                <ul>    <li><a href="koenitz.html">Ort 1</a></li>
                                                        <li><a href="birkigt.html">Ort 2</a></li>
                                                        <li><a href="saalfeld.html">Ort 3</a></li>
                                                </ul>
                                        </li>

                    <li>
                    
                    <a>Reiten</a> 
                    
       <ul>    <li><a href="unterricht.html">Reitunterricht</a></li>
                                                        <li><a href="kinder.html">Kinderreiten</a></li>

                                                        <li><a href="longieren.html">Longieren</a></li>
                                                        <li><a href="dressur.html">Dressur und Springreiten</a></li>                                     <li><a href="gelaende.html">Geländeritt</a></li>
                                                </ul>
                    <li>
                                   <a>Info</a>
                                                <ul>    <li><a href="vorstand.html">Vorstand</a></li>
                                                        <li><a href="Satzung.html">Vereinssatzung</a></li>
                                <li><a href="Jugendordnung.html">Jugendordnung</a></li>
                                
                                                        <li><a href="Beitraege.html">Beiträge / Mitgliedsantrag</a></li>
                                               
                                                </ul>
                                        </li>
                                        <li>
                                                <a>Veranstaltungen</a>

                                                <ul>    <li><a href="termine.html">Termine</a></li>
                                                        <li><a href="ausschreibung.html">Ausschreibungen</a></li>
                                                </ul>
                                                <li><a href="bilder.html">Bilder</a></li>
                                                
                                        </li>
                                        <li><a href="kontakt.html">Kontakt</a></li>
                                </ul>
                        </nav>
            <!-- /Master Nav -->
        </div>
    </header>
    <!-- /Header -->
    
    <div class="clear"></div>
    
    <!-- Slider -->
    <div class="bannerbg">
        <div class="container clearfix">
                <div class="flexslider" >
                <ul class="slides">
                    <li>
                        <img src="http://www.psd-tutorials.de/forum/images/fslide01.jpg" alt="" />
                       
                    </li>
                    <li>
                        <a href="#"><img src="http://www.psd-tutorials.de/forum/images/fslide02.jpg" alt="" /></a>
                    </li>
                    <li>
                        <img src="http://www.psd-tutorials.de/forum/images/fslide03.jpg" alt="" />
                       
                    </li>
                    <li>
                        <img src="http://www.psd-tutorials.de/forum/images/fslide04.jpg" alt="" />
                    </li>
                    
                    <li>
                        <img src="http://www.psd-tutorials.de/forum/images/fslide05.jpg" alt="" />
                    </li>
                    
                    <li>
                        <img src="http://www.psd-tutorials.de/forum/images/fslide06.jpg" alt="" />
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- /Slider -->
    
    <div class="clear padding40"></div>

    
    <!-- Content -->
    <section class="container clearfix">
    
        
                    <!-- END PORTFOLIO COLUMN #3 -->
                </ul>
            </div>
        
    </section>
    <!-- /Content -->
        
    <section class="homepage_widgets_bg clearfix">
        <div class="container clearfix">
        
            <div class="padding20"></div>

         
            <!-- start col -->
            
                <div>
                
                <h2 class="regular white bottom_line">Herzlich Willkommen bei "Kö-Bi-Sa" e.V.</h2>
                <p>Text, blah, blubb</p>
                <div class="clearfix">
                
                </div>
                
                </div>
            
            <!-- emd col -->
            
            <div class="clear padding80"></div>
            
        </div>
    </section>
        
    
    <!-- footer -->
    <footer class="footer_bg_bottom clearfix">
        <div class="footer_bottom container">
            <div class="col_2_3">
                
                <div class="menu">
                    <ul>
                        <li><a href="index.html">Home</a></li>
                        <li><a href="wir.html">Über Uns</a></li>
                        <li><a href="kontakt.html">Kontakt</a></li>
                        <li><a href="bilder.html">Bilder</a></li>
        </ul>
                </div>
                
                
                <div class="clear padding20"></div>

            </div>
            
            <div class="clear padding20"></div>
        </div>
    </footer>
    <!-- /footer -->
  
</body>
</html>

cebito · 24.09.2012

AW: google html5 shiv läuft nicht in ie 8

Und die html5shiv.js liegt im Ordner "dist"? Wenn nicht, hast du ein Pfadproblem. Anhand des gesamten Quelltextes lässt sich sowieso hier nichts weiter als Vermutungen anstellen. Ein Link zur Seite wäre optimal.

loepi · 24.09.2012

AW: google html5 shiv läuft nicht in ie 8

Hallo Cebito!

Hatte den "dist" Ordenr vergessen.

Es läuft jetzt soweit das mir wenigstens der mittlere Teil (Flexslider) angezeigt wird.

Der obere Teil, s. Screenshot 2 fehlt noch. Dort ist ein Logo eingebunden und diverse Menüpunkte, mit Untermenüpunkten.

Die Seite ist eig. noch nicht online, ist ja noch voll im Aufbau und erstmal nur ein Entwurf... aber hier mal ein Link. Werde die auch wieder weg nehmen im Laufe des Tages.

www.koebisa.de

Grüsse

loepi · 26.09.2012

AW: google html5 shiv läuft nicht in ie 8

Keiner eine Lösung oder den Fehler gefunden und kann mir weiter helfen? :eek:

(

Mir ist noch aufgefallen das der <head> Bereich nicht geschlossen war.
Den habe ich jetzt noch geschlossen aber keine Veränderung.

Habs jetzt hinbekommen... läuft soweit

das <body> Tag hat noch gefehlt. Wahrscheinlich beim ewigen Copy Paste überschrieben.