nicht angemeldet
"background-color" verdeckt Bild (IE6)
Hallo,
habe das Problem, daß im IE6 scheinbar die CSS "background-color" das Bild verdeckt. Opera und Firefox machen's richtig *nerv*
Hat jemand vielleicht dafür eine Lösung?
Besten Dank im vorraus!!!
MfG,
Sebastian
P.S: Der Quelltext:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Titel</title>
<style type="text/css">
<!--
#content {
position: relative;
}
.main {
position: relative;
background-color: yellow;
font-size: 80%;
border-color: red;
border-style: solid;
}
-->
</style>
</head>
<body>
<div id="content">
<div class="main">
<a href="disclaimer.html"><img src="flag_de.gif" align="left"></a>
<a href="disclaimer_en.html"><img src="flag_en.gif" align="right"></a>
<p align="center">
text <br>
text <br>
text <br>
</p>
</div>
</div>
</body>
</html>
-
<a href="disclaimer.html"><img src="flag_de.gif" align="left"></a>
<a href="disclaimer_en.html"><img src="flag_en.gif" align="right"></a>Das align attribut bitte weglassen. Das kannst du genausogut mit CSS machen!
Poste bitte mal den Link!
mfg
Phil Z.
-
Hallo Phil,
danke für deine Antwort!
Der Vorschlag von Axel hat das Problem aber schon gelöst.Das mit dem Align hatte ich nur in der Test-Datei. (Davon aber abgesehen, hier und da, wenn es sich um _wirkliche_ Ausnahmen handelt, kann ich mir doch auch das CSS sparen, oder?)
Das Original ist unter http://sossamon.arcq.de/disclaimer.html zu finden.
MfG,
Sebastian
<a href="disclaimer.html"><img src="flag_de.gif" align="left"></a>
<a href="disclaimer_en.html"><img src="flag_en.gif" align="right"></a>Das align attribut bitte weglassen. Das kannst du genausogut mit CSS machen!
Poste bitte mal den Link!
mfg
Phil Z.
-
-
Hallo,
<style type="text/css">
<!--
#content {
position: relative;/* Wofür ist hier jeweils position:relative nötig?*/
}
.main {
position: relative;/* Wofür ist hier jeweils position:relative nötig?*/
background-color: yellow;
font-size: 80%;
border-color: red;
border-style: solid;}
-->
</style>Der IE hat Probleme mit dem Zuordnen der Z-Index-Layer zwischen Elementen mit position:relative und solchen mit dem Standardwert position:static. Die Elemente mit position:relative sind jeweils in einem höheren Layer. Das lässt sich auch nicht per z-index korrigieren, weil diese Eigenschaft wieder nur für Elemente im selben Layer die Überlappung steuert.
Entweder lass position:relative weg oder hebe auch die IMG-Elemente per position:relative in diesen Layer.
Wozu verwendest Du übrigens die align-Attribute. CSS scheinst Du doch zu kennen.
viele Grüße
Axel
-
Hallo,
vielen Dank für deine Antwort, Axel! Hat geholfen, jetzt klappt alles wie es soll *freu*. Ein weitere IE-Bug auf meiner Liste. ICh glaub ich nehm sie alle mit. Kürzlich hab ich mich noch mit dem Holly-Ding rumgeärgert :)
Der Sinn von position:relative ist jetzt aus der Test-Datei nicht ersichtlich, das ist richtig, aber im Original schon (siehe http://sossamon.arcq.de/disclaimer.html).
Das mit dem Align hatte ich nur in der Test-Datei. (Davon aber abgesehen, hier und da, wenn es sich um _wirkliche_ Ausnahmen handelt, kann ich mir doch auch das CSS sparen, oder?)
Nochmals vielen Dank für deine schnelle & präzise Antwort + Erläuterung!!!
MfG,
Sebastian
Hallo,
<style type="text/css">
<!--
#content {
position: relative;
/* Wofür ist hier jeweils position:relative nötig?*/
}.main {
position: relative;
/* Wofür ist hier jeweils position:relative nötig?*/
background-color: yellow;
font-size: 80%;
border-color: red;
border-style: solid;}
-->
</style>
Der IE hat Probleme mit dem Zuordnen der Z-Index-Layer zwischen Elementen mit position:relative und solchen mit dem Standardwert position:static. Die Elemente mit position:relative sind jeweils in einem höheren Layer. Das lässt sich auch nicht per z-index korrigieren, weil diese Eigenschaft wieder nur für Elemente im selben Layer die Überlappung steuert.Entweder lass position:relative weg oder hebe auch die IMG-Elemente per position:relative in diesen Layer.
Wozu verwendest Du übrigens die align-Attribute. CSS scheinst Du doch zu kennen.
viele Grüße
Axel
-