IE + Firefox --> "fixed" wird anders gezeigt - warum?
Dani
- css
Hallo @ all :-)
mein Problem ist folgendes:
Im IE Explorer sehe ich die Kirschblüte links und nicht rechts, wie im Firefox & Opera - warum? Was mache ich falsch?
Hier die Seite:
http://www.bushido-duesseldorf.de/html/geschichte_des_budo.html
und hier mein Quelltext, wobei ich sagen muss, dass ich mit Netobjects arbeite.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style type="text/css">
body {
background-image:url('http://www.bushido-duesseldorf.de/assets/images/Hokusai-14-sw.jpg');
background-attachment: fixed;
background-position-x: 350px;
background-position-y:100px;
background-repeat:no-repeat;
background-color:white;
}
a img {border:none}
#logo {
position:fixed;
top:150px;
left: 700px;
}
#content {margin-left:280px; width:420px; text-align:right;}
</style>
<!--[if lt IE 7.0]>
<style type="text/css">#logo {position:absolut; left:720px; top:0};</style>
<![endif]-->
<title>Die Geschichte des Budo</title>
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
</head>
<body>
<div id="logo">
<a href="http://www.bushido-duesseldorf.de/html/ubersicht.html"><img src="http://www.bushido-duesseldorf.de/assets/images/Kirschbluete_logo.jpg"></a>
</div>
</body>
</html>
Hallo,
wußte gar nicht, dass der IE 7 so gut ist...
Der ausgelieferte Code scheint so auszusehen:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style type="text/css">
Grüsse
Cyx23
Hallo zurück :-)
wie meinst Du das, der ausgelieferte Code scheint so auszusehen?
LG - Dani
Hallo,
wie meinst Du das, der ausgelieferte Code scheint so auszusehen?
eigentlich, dass er bei mir so ausschaut bzw. ankommt.
Und dass ich nicht sicher bin warum er so bei "view source" o.ä.
angezeigt wird, ausserdem wird er jetzt gerade beim Firefox mit
noch mehr zusätzlichem Code angezeigt, und fixed klappt da auch
nicht mehr...
Grüsse
Cyx23
kannst Du mir denn dabei helfen?
Ich mein, dass die Hokusai-Figur mittig "fixed" unter dem Text liegt und die Kirschblüte rechts "fixed" ist?
...ich verzweifel langsam :-(
LG _ Dani
Hallo,
kannst Du mir denn dabei helfen?
vmtl. gibt dein Editor oder dein Server/CMS den zusätzlichen Code
"<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD>" vor der Seite bzw. als Seitenanfang aus, also anders
einstellen oder deinen Code reduzieren und Fusion den Dateianfang
überlassen, wenn du bei Fusion bleiben willst.
Ich mein, dass die Hokusai-Figur mittig "fixed" unter dem Text liegt und die Kirschblüte rechts "fixed" ist?
Firefox, Opera und IE 7 können es ja bereits, für andere Browser
kannst du ja mal z.B. diese Seiten anschauen:
http://aktuell.de.selfhtml.org/artikel/css/footer/beispiel2.htm
http://www.lipfert-malik.de/webdesign/tutorial/bsp/position-fixed.html
oder ggf. einfach auf fixed verzichten.
Also z.B. für ältere Explorer schauen, ob du per CSS-Weiche o.ä.
das CSS umfassen anpasst, oder nur etwas wie (ungetestet):
* html body #logo { position:absolute; }
versuchen.
Grüsse
Cyx23
dankeschön :-) werde es morgen gleich ausprobieren ... jetzt muss ich zur Arbeit :-) n8@all
<!--[if lt IE 7.0]>
<style type="text/css">#logo {position:absolut; left:720px; top:0};</style>
<![endif]-->
position:absolut ist ungültig (da fehlt ein "e") und bewirkt anscheinend, dass der IE da ein display:block draus macht.