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:
Stylesheet:
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
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:
<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>©</sup></p>
</div>
</div>
</body>
</html>
Stylesheet:
PHP:
/* ------------------------------- */
/* Stylesheet Blumenshop Webdesign */
/* made by Niklas Riecken */
/* ------------------------------- */
/* Hauptseite: */
/* ------------------------------- */
/* Hauptcontainer: */
/* ------------------------------- */
*{
margin: 0;
padding: 0;
}
html, body{
height: 100%;
font-family: Arial;
font-size: 13px;
line-height: 19.5px;
text-align: center;
}
#mainbox{
min-height: 100%;
height: auto !important; /* aktuelle Browser */
height: 100%; /* Für den Internet Explorer */
position: relative; /* Für die Orientierung des Footers an der Box Division */
width: 1000px;
margin: 0 auto; /* Für die Zentrierung der Box gedacht */
}
/* ------------------------------- */
/* Header: */
/* ------------------------------- */
#head{
top: 0;
width: 1000px;
height: 400px;
}
/* ------------------------------- */
/* Footer: */
/* ------------------------------- */
#footer {
position: absolute;
bottom: 0;
}
#footerleft{
width: 500px;
float: left;
text-align: left;
}
#footerright{
width: 500px;
float: right;
text-align: right;
display: block;
}
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