tutorials.de Buch-Aktion 05/2012
ERLEDIGT
JA
ANTWORTEN
2
ZUGRIFFE
717
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. #1
    Nikke123 Nikke123 ist offline Mitglied Bronze
    Registriert seit
    Sep 2011
    Beiträge
    41
    Hallo Leute,
    Ich bin grad dabei eine Website zu Basteln und versuche vergebens einen Footer zu erstellen. Ich arbeite mit Firefox und da geht alles, aber ich muss die Seite ja auch auf dem Internet Explorer zum Laufen bekommen. Ich habe folgende HTML Seite und CSS Stylesheets:
    HTML:
    PHP-Code:
    <html>
        <
    head>
            <
    title>
                
    Blumenshop Design
            
    </title>
            <
    link rel="stylesheet" type="text/css" href="style.css">
            <
    link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.4.1/build/cssreset/cssreset-min.css">
        </
    head>
        <
    body>
            <
    div id="mainbox">
                <
    div id="head">
                    <
    img src="test.png" width="1000" height="400" usemap="#menu">
                    <
    map name="menu">
                        <
    area shape="rect" coords="408,303,502,333" href="index.html" alt="Startseite">
                        <
    area shape="rect" coords="527,303,684,339" href="index.html" alt="Bestellung">
                        <
    area shape="rect" coords="707,303,807,336" href="index.html" alt="Artikel">
                        <
    area shape="rect" coords="832,303,950,332" href="index.html" alt="Kontakt">
                    </
    map>
                </
    div>
                <
    div id="footer">
                    <
    div id="footerleft">
                        <
    p><b>Über Uns</b><br><br>
                        <
    a href="/admin">Impressum</a><br>
                        <
    a href="/admin">Pressemitteilungen</a></p>
                    </
    div>
                    <
    div id="footerright">
                        <
    p><b>Wir helfen ihnen</b><br><br>
                        <
    a href="/admin">Versand Verfügbarkeit</a><br>
                        <
    a href="/admin">Hilfe</a></p>
                    </
    div>
                    <
    p>Copyright by Niklas Riecken<sup>&copy;</sup></p>
                </
    div>
            </
    div>
        </
    body>
    </
    html
    Stylesheet:
    PHP-Code:
    /* ------------------------------- */
    /* Stylesheet Blumenshop Webdesign */
    /*      made by Niklas Riecken     */
    /* ------------------------------- */
    /*            Hauptseite:          */
    /* ------------------------------- */
    /*             Hauptcontainer:        */
    /* ------------------------------- */

    *{
        
    margin0;
        
    padding0;
    }

    htmlbody{
        
    height100%;
        
    font-familyArial;
        
    font-size13px;
        
    line-height19.5px;
        
    text-aligncenter;
    }

    #mainbox{
        
    min-height100%;
        
    heightauto !important;                     /* aktuelle Browser */
        
    height100%;                                 /* Für den Internet Explorer */
        
    positionrelative;                         /* Für die Orientierung des Footers an der Box Division */
        
    width1000px;
        
    margin0 auto;                                /* Für die Zentrierung der Box gedacht */
    }

    /* ------------------------------- */
    /*              Header:            */
    /* ------------------------------- */

    #head{
        
    top0;
        
    width1000px;
        
    height400px;
    }

    /* ------------------------------- */
    /*              Footer:            */
    /* ------------------------------- */

    #footer {
        
    positionabsolute;
        
    bottom0;
    }

    #footerleft{
        
    width500px;
        
    floatleft;
        
    text-alignleft;
    }

    #footerright{
        
    width500px;
        
    floatright;
        
    text-alignright;
        
    displayblock;

    Und bei mir schiebt der IE den Footer unten immer rechts raus, sodass ich nur den linken Teil sehen kann. Und für den rechten Teil des Footers muss ich dann nach rechts scrollen.

    Ich hoffe ihr könnt mir da helfen
    MFG Niklas
     

  2. #2
    Nikke123 Nikke123 ist offline Mitglied Bronze
    Registriert seit
    Sep 2011
    Beiträge
    41
    Okay ich kann das Thema schließen. Mein Internet Explorer hat sich angeka**t, dass das "<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">" Oben gefehlt hat. Jetzt klappt es
     

  3. #3
    samtron786 samtron786 ist offline Mitglied
    Registriert seit
    Jan 2012
    Beiträge
    18
    hi welche IE Version hast du?
    Ich habe Goole Chrom Firefox und nur IE9 macht Probleme, folgender Problme mit Navigations Button Home, kontakt, Über mich, Bildgalerie, ein kleines weisses Striche auf rechts haben als vertikal,

    kann jemand mir bitte weiter helfen, ich kenne mich nicht so gut aus
    vielen Dank
    MfG
     

Ähnliche Themen

  1. Antworten: 1
    Letzter Beitrag: 12.02.10, 13:12
  2. Antworten: 6
    Letzter Beitrag: 03.09.08, 18:51
  3. Internet Explorer
    Von wavetraxx im Forum Javascript & Ajax
    Antworten: 2
    Letzter Beitrag: 08.07.08, 21:42
  4. Antworten: 6
    Letzter Beitrag: 16.01.08, 18:49
  5. Problem mit Footer, besonders im Internet Explorer
    Von hot_wax im Forum HTML & XHTML
    Antworten: 1
    Letzter Beitrag: 04.01.08, 02:23