nicht angemeldet
Footer erweitert sich nicht auf HTML-Breite
Hallo,
wer kann mir bitte helfen?
Ich habe eine HTML-Datei, welche sich bei kleineren Auflösungen mittels horizontalen Scrollbalken erweitert mit der Anweisung min-width. Dies funktioniert soweit auch ganz gut im Header, aber nicht im Footer. Hier bleibt die Footer-Leiste immer nur so breit wie der entsprechende Monitor bzw. Fenster es darstellen können. In dem Bereich der erst mit den Scrollbalken sichtbar ist, wird die Footer-Leiste nicht erweitert. Wo liegt hier mein Fehler? Gibt es vielleicht irgendeine CSS-Anweisung mit der man dies erreichen kann?
Danke im vorraus für die Unterstützung.
Gruß
Thomas
HTML
<html>
<head>
</head>
<body>
<div id="wrapper">
<div id="header">
<div class="box001">
<p id="logo001"><img src="images/mvlogo001.jpg"></p>
</div><!-- Box 001 -->
<div class="box001">
<p id="text001"><img src="images/mvtext001.jpg"></p>
</div><!-- Box 002 -->
<div class="box002">
<p id="foto002"><img src="images/mvfoto002.jpg"></p>
</div><!-- Box 003-->
</div><!-- Header -->
<div id="linkespalte">
</div><!-- Linke Spalte -->
<div id="rechtespalte">
</div><!-- Rechte Spalte -->
<div id="content">
</div><!-- Content -->
<div id="footerbox">
</div><!-- Footer Box -->
</div><!-- wrapper -->
<div id="footer">
</div><!-- Footer -->
</body>
</html>
CSS
* {
padding: 0;
margin: 0;
}
html, body {
height: 100%;
}
body {
font-family: Verdana, Georgia, Helvetica, Arial, sans-serif, "Times Roman";
background-color: #600;
color: #000;
}
img {
border: none;
}
/* ====== Wrapper ====== */
#wrapper {
height: 100%;
min-height: 100%;
margin: 0 180px -25px 200px;
border-left: 0px solid #000;
border-right: 0px solid #000;
background-color: #e0d0b0;
color: #000;
}
html>body #wrapper {
height: auto;
}
/* ====== Header ====== */
#header {
position: relative;
height: 161px;
margin: 0 -182px 0 -202px;
background-color: #600;
color: #fff;
}
.box001 {
float: left;
display: table;
height: 161px;
width: 33.2%;
}
.box002 {
float: right;
height: 161px;
width: 33.2%;
}
#logo001 {
text-align: center;
}
#text001 {
text-align: center;
}
#foto002 {
float: right;
}
/* ====== Footerbox ====== */
#footerbox {
clear: both;
height: 60px;
width: 100%;
min-width: 1280px;
}
/* ====== Footer ====== */
#footer {
clear: both;
position: relative;
width: 100%;
min-width: 1280px;
height: 60px;
border-top: 1px solid #000;
background-color: #003f00;
color: #fff;
}
-
Grüße,
1)welches der beiden footers?
2)versucht nur eine breitenabgabe zu benutzen?
3)einrücken, einrücken, einrücken
MFG
bleicher
