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

Seite geht in Firefox aber in IE nicht

S

Sami41194

Neues Mitglied
Hallo bitte um Hilfe bin erst 15 und programmiere für unseren jugendtreff eine seite im firefox geht alles super aber im IE ist es so wie als das die css datei nicht funkt.

Hier ist die index und css datei bitte um fehleranalyse den ich müste noch andere datein ausbessern
Anhang anzeigen index..zip

Danke im voraus
 
Werbung:
HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<link rel="stylesheet" type="text/css" href="default.css" media="screen"/>
<title>JT-9</title>
</head>

<body>

<div id="container">

<div id="content">

    <h1 id="site-title"><a href="index.html">JT-9</a></h1>
    <p id="site-description">Dein Treff</p>

    <h1 class="decay">Was gibt es neues ?</h1>
    <div class="descr">Okt. 31.10.2010</div>

    <img src="img/halloween.JPG" width="120" height="90" alt="sample image" class="right border" />
    <blockquote>
        <p><b>Am 31.10.2010 trifft sich der Jugendtreff Eferding zu einer Halloween                           Party. Es ist jeder sehr Herzlich eingeladen.</b></p>
        <p>Wann: 31.10.2010 um 15:00 <br />
           Wo:   Jugendtreff Eferding</p>    
    </blockquote>
</div>

<div id="navigation">

    <h2 class="decay-small">Neuigkeiten</h2>
    <ul>
        <li><a href="index.html">Öffnungszeiten</a></li>
    </ul>

    <h2 class="decay-small">Fotos</h2>
    <ul>
        <li><a href="tschechien.html">Tschechien</a></li>
    </ul>
    <h2 class="decay-small">Impressum</h2>
    <ul>
        <li><a href="index.html">Gästebuch</a></li>
        <li><a href="index.html">Kontakt</a></li>
    </ul>

</div>

</div>

</body>

</html>

Code: 
html {min-height: 100%;}

* {
    margin: 0;
    padding: 0;
}

a {color: #CC3;}
a:hover {color: #FF3;}

body {
    background: #000 url('img/body.gif') no-repeat; /*  url(img/bg.jpg) repeat-x; */
    color: #DDD;
    font: normal 62.5% "Trebuchet MS",Verdana,sans-serif;
    padding-left: 90px;
}

p,code,ul,ol {padding-bottom: 1.2em;}

h1 {
    color: #CCC;
    font: normal 2em Impact,sans-serif;
}
h1 a {
    color: #000;
    text-decoration: none;
}
h1 a:hover {
    color: #F00;
}

h2 {font: normal 1.8em Tahoma,sans-serif;}

h1,h2 {padding-top: 6px;}

blockquote {
    color: #CCA;
    display: block;
    font-weight: bold;
    padding-left: 28px;
}

img {border: none;}

img.right {margin: 5px 0 5px 12px;}
img.left {margin: 5px 12px 5px 0;}
img.border {
    background: #555;
    display: block;
    padding: 3px;
}

/* misc */
.clearer {
    clear: both;
    font-size: 0;
}

.left {float: left;}
.right {float: right;}

.decay,.decay-small {
    background: url('img/decay.gif') no-repeat left center;
    color: #000;
    font: normal 2em Impact,sans-serif;
    letter-spacing: 1px;
    padding: 0 0 12px 22px;
}
.decay-small {
    background: url('img/decay-small.gif') no-repeat left center;
    padding-top: 6px;

    font-size: 1
.em;
    font-size: 1.2em;
}

p.postinfo {
    border-top: 1px dashed #333;
    color: #666;
    font: bold 0.9em sans-serif;
    margin-bottom: 24px;
    padding: 8px;
}
p.postinfo a {color: #888;}
p.postinfo a:hover {color: #CCC;}

/* structure */
#container {
    font-size: 1.3em;
}

/* title */
#site-title {font: normal 3em Tahoma,sans-serif;}
#site-title a {
    color: #DDD;
    /*text-decoration: line-through;*/
}
#site-title a:hover {
    color: #FFF;
    text-decoration: none;
}
#site-description {color: #CCC;}

/* content */
#content {
    left: 360px;
    position: absolute;
    top: 91px;
    width: 610px;
}
#content .descr {
    color: #8DC63F;
    margin-bottom: 6px;
}
#content li {margin-left: 18px;}

/* navigation */
#navigation {
    left: 120px;
    position: absolute;
    top: 290px;
    width: 210px;
}
#navigation h2 {
    color: #000;
    font-size: 1.5em;
    letter-spacing: 0;
    line-height: 30px;
    margin: 0;
}
#navigation ul {margin: 0 0 0 1em;}
#navigation li {list-style: none;}
#navigation li a {
    color: #777;
    font-size: 1.1em;
    line-height: 1.5em;
    text-decoration: none;
}
#navigation li a:hover {color: #8DCA3F;}

/* footer */
#footer {
    border-top: 1px dashed #333;
    color: #666;
    font: normal 0.9em sans-serif;
    position: absolute;
    top: 100%;
    width: 100%;
}
#footer a {
    color: #999;
    text-decoration: none;
}
#footer a:hover {
    color: #CCC;
    text-decoration: underline;
}
#footer .left, #footer .right {padding: 10px 0;}
#footer .right a {color: #777;}
 
Zuletzt bearbeitet von einem Moderator:
Werbung:
Könntest du dann einen Screenhost posten? Bzw. das Problem genauer beschreiben?

Ferner: Bitte benutze Code-Tags, ich habe sie jetzt nachträglich eingefügt. Und bitte keine Doppelpost - die Beiträge sind bereits zusammengeführt.
 
Werbung:
Foto

moz-screenshot.png
Unbenannt.png
 
Auf dem Bild im Beitrag-Anhang sieht man gar nichts. Und Bilder die auf deiner Festplatte liegen, kannst auch nur du sehen, Patrice :]
 
Du kannst die Bilder z.B. bei abload.de hochladen und dann den "Direktlink" kopieren und in den IMG Tag einfügen - dann sehen wir's ;-)
 
Werbung:
Ich habe soeben aus diesem Grund die Zugangsdaten aus dem Post gelöscht. Bitte wie threadi sagte: ÄNDERN!

Du hast noch einige Fehler, wenn man beispielsweise bei Öffnungszeiten schaut sind man sowohl einen Kodierungsfehler (Ö = &Ouml;) und auch, dass wohl etwas nicht beendet wurde (/>, also sollte noch irgendwo ein " hin).

Viele Grüße
w7
 
Werbung:
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben