Lücke zwischen main und footer (nur im IE6)

IrisHelgard · 09.02.2011

Hallo,
in meinem relativ positionierten main-div habe ich ein absolut positioniertes content-div platziert. Nun entsteht zwischen dem main-div und dem footer-div ein unerklärlicher Abstand (ca.2-3 pixel). Dieser tritt nur beim IE6 auf, nicht beim Firefox/Safari. Wenn ich das content-div testweise aus dem main-div lösche, tritt der Fehler nicht auf. Es scheint also irgendwie am absolut positionierten content-div zu liegen.
Hat jemand eine Idee, woran das liegt?

tgreve · 09.02.2011

AW: Lücke zwischen main und footer (nur im IE6)

Quellcode?

PhantomH · 09.02.2011

AW: Lücke zwischen main und footer (nur im IE6)

Tja das liegt schlicht und einfach am IE6

, der Browser hat mit vielem ein Problem. probier doch mal das Margin bei allen DIVs auf 0 zu setzen, wenn das nichts bringt würde ich mir um ein Workaround (ka. ob das Ding so geschrieben wird) gedanken machen...
Poste doch mal deinen Code, so ganz ohne kann man dir schlecht helfen...

Wiso optimierst du dein Layout eigendlich noch für den IE6 ?

IrisHelgard · 09.02.2011

AW: Lücke zwischen main und footer (nur im IE6)

Hallo, hier der Quellcode:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "

Bitte kostenlos registrieren, damit du die Links siehst.

">
<html xmlns="

Bitte kostenlos registrieren, damit du die Links siehst.

">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Meade 10" ACF auf Kiripotib Astrofarm</title>
<link href="../screen.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="header">
<a href="../index.html"><img src="../img_nav/logo_header.gif" alt="Logo Kiripotib Astrofarm" width="210" height="76" border="0" /></a>
<ul>
<li><a href="#">Astronomie</a> ·</li>
<li><a href="#">Wohlfühlen</a> ·</li>
<li><a href="#">Safaris</a> ·</li>
<li><a href="#">Anreise</a> ·</li>
<li><a href="#">Preise</a> ·</li>
<li><a href="#">Referenzen</a> ·</li>
<li><a href="#">Kontakt</a></li>
</ul>
</div>
<div id="center"><img src="../img/img_astro/acf_links.jpg" width="302" height="398" alt="ACF" /><img src="../img/img_astro/bg_teleskope.gif" width="303" height="398" alt="bg_teleskope" /><img src="../img/img_astro/acf_rechts.jpg" width="145" height="398" alt="Testanordnung" />
<div id="content">
<h1>DAS MEADE 10" ACF AUF KIRIPOTIB</h1>
<p>Unser Partner <a href="

Bitte kostenlos registrieren, damit du die Links siehst.

" target="_blank">astrolumina</a> hat das 10" Advanced Coma Free System vor der Auslieferung nach Kiripotib Astrofarm von Herrn Wolfgang Grzybowski, Uni Tübingen, interferometrisch testen lassen. Sein Kommentar:</p>
<p>"Der Strehl von 97% und lamba/7 ptv sind sehr gute Ergebnisse. Ich war überrascht, diese Werte bei einem Standard-Gerät zu messen, ein wirklich sehr gutes Resultat! Wir haben u.a. gesehen, dass ein Doppelstern mit einer Bogensekunde Distanz deutlich und weit getrennt wurde. Die maximale Auflösung von mindestens 0,5 Bogensekunden wird von diesem Gerät definitiv erreicht. Dies erfordert in der Praxis natürlich bestes Seeing."</p>
<p><img src="../img_nav/sternchen.gif" alt="" width="10" height="10" /> <a href="

Bitte kostenlos registrieren, damit du die Links siehst.

test reportACF.pdf" target="_blank">Hier das Prüfprotokoll zum Download.</a></p>
<p>
<a href="javascript:history.back();"><img src="../img_nav/pfeil_zurueck.gif" alt="Zurück" width="50" height="10" border="0" /></a></p>
</div>
</div>
<div id="footer">
<ul>
<li><a href="#">Montierungen</a> ·</li>
<li><a href="#">Teleskope</a> ·</li>
<li><a href="#">T-Zubehör</a> ·</li>
<li><a href="#">Sternwarten</a> ·</li>
<li><a href="#">Astrofotografie</a> ·</li>
<li><a href="#">News</a> ·</li>
<li><a href="#">Partner</a> ·</li>
<li><a href="../Library/-">Schnellsuche</a></li>
</ul>
</div>
</div>
</body>
</html>

tgreve · 09.02.2011

AW: Lücke zwischen main und footer (nur im IE6)

Die Seite läuft bei dir lokal auf dem Rechner? Oder hast du Sie noch irgendwo online?
Interessant wäre auch die css-datei!
Und bitte bette den Quelltext mit |HTML][/HTML| ein (Aber mit eckigen klammern

)

IrisHelgard · 09.02.2011

AW: Lücke zwischen main und footer (nur im IE6)

Ach ja, und hier noch das css:

* {
margin: 0px;
padding: 0px;
}
body {
background-image: url(img_nav/verlauf_bg.jpg);
background-repeat: repeat-x;
font-family: Verdana, Geneva, sans-serif;
font-size: 100.1%;
}
a:link {
font-weight: bold;
color: #826D2C;
text-decoration: none;
}
a:visited {
font-weight: bold;
text-decoration: none;
color: #826D2C;
}
a:hover {
font-weight: bold;
color: #D60000;
text-decoration: none;
}
a:active {
font-weight: bold;
color: #D60000;
text-decoration: none;
}
#wrapper {
width: 750px;
margin-right: auto;
margin-left: auto;
margin-top: 40px;
}
#header {
height: 76px;
width: 746px;
background-image: url(img_nav/bg_header.gif);
border-top-width: 2px;
border-right-width: 2px;
border-left-width: 2px;
border-top-style: solid;
border-right-style: solid;
border-left-style: solid;
border-top-color: #FFF;
border-right-color: #FFF;
border-left-color: #FFF;
position: relative;
}
#header img {
position: absolute;
}
#header ul {
font-size: 0.65em;
text-transform: uppercase;
padding-top: 60px;
float: right;
padding-right: 10px;
}
#header ul li {
display: inline;
}
#center {
position: relative;
clear: both;
}
#content {
width: 243px;
position: absolute;
height: 355px;
font-size: 0.6em;
line-height: 1.3em;
text-align: center;
left: 312px;
top: 43px;
overflow: visible;
}
#content h1 {
font-weight: bold;
font-size: 1em;
margin-bottom: 1.2em;
}
#content p {
margin-bottom: 1.2em;
}
#footer {
background-color: #FDE585;
height: 20px;
width: 746px;
border: 2px solid #FFF;
}
#footer ul {
font-size: 0.65em;
text-transform: uppercase;
text-align: center;
padding-top: 4px;
}
#footer ul li {
display: inline;
}

IrisHelgard · 09.02.2011

AW: Lücke zwischen main und footer (nur im IE6)

Ja, habe die Seite nur lokal auf meinem Rechner. Benutze DW CS4.

PhantomH · 09.02.2011

AW: Lücke zwischen main und footer (nur im IE6)

#footer {
background-color: #FDE585;
height: 20px;
width: 746px;
border: 2px solid #FFF;
}

nimm doch da mal den Border raus...

IrisHelgard · 09.02.2011

AW: Lücke zwischen main und footer (nur im IE6)

PhantomH schrieb:
#footer {
background-color: #FDE585;
height: 20px;
width: 746px;
border: 2px solid #FFF;
}

nimm doch da mal den Border raus...

Wird auch nicht besser damit. Ist überdies ein Stilelement, worauf ich nicht verzichten kann.

IrisHelgard · 09.02.2011

AW: Lücke zwischen main und footer (nur im IE6)

Hallo an alle,
ich habe die Seite nun einmal von meinem lokalen Rechner auf meinen Webspace hochgeladen, und siehe da: Der Fehler, der hier auf meinem lokalen Rechner bei der Darstellung im IE6 aufrat, war im Netz nicht mehr zu sehen! Mysterium.
Immerhin hat dieser thread einen Beitrag geleistet zum Thema "Unglaubliches und Unerklärliches".
Vielen Dank an PhantomH und tegreve!

midgard18 · 09.02.2011

AW: Lücke zwischen main und footer (nur im IE6)

Ob der Fehler wirklich nicht vorhanden ist kannst du hier testen:

Gelöschtes Mitglied 133165 · 09.02.2011

AW: Lücke zwischen main und footer (nur im IE6)

naj, am einfachsten wäre wohl ein "unsichtbarer" div-container dazwischen, da sich, wie meien Vorredner schon erwähnten der gute IE nicht an CSS-Konventionen hält.