postion:fixed problem mit ie

SeekeR

hi leute, folgendes problem:

ich hab diesen style geschrieben:

Code

<style type="text/css">
div { position:fixed; top:400px; left:430px; }
</style>

dann hab ich folgenden code:

Code

<div>
<font face="Arial" color="white">
Eigene Map hochladen (nur .bsp)


</font>
<form enctype="multipart/form-data" action="map_upload.php" method="POST">
    <input type="file" name="map">


    <input type="submit" value="hochladen">
</form>
</div>

Alles anzeigen

firefox stellt das so dar, wie ich mir das vorstelle. doch jetzt hab ihc es mit ie7 probiert, da ignoriert er aufeinmal das position:fixed usw.

hier auf meiner page könnt ihr euch das ansehen, allerdings ist sie nur erreichbar, wenn ich online bin: http://mschuegerl.hopto.org/maps.php

ich hoffe ihr könnt mir helfen, dass es internet explorer auch korrekt anzeigt.

zu beginn hab ich noch folgende deklenaration:

Code

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
       "http://www.w3.org/TR/html4/loose.dtd">

mfg SeekeR (PS: am style arbeite ich noch, im moment kümmere ich mich nur um den code usw )

The User

Ich dachte eigentlich nur IE6 kann das nicht...
Probiers mal manuell in den <div> zu setzen, also
<div style="position:fixed; top:400px; left:430px;">

Viele liebe Grüße
The User

SeekeR

hmm also firefox versteht es so auch, ie7 nicht.

ie6 hab ich nicht, daher kann ich es nciht testen. aber ich glaub mal, dass ein großteil aller internetnutzer in österreich und deutschland die neuesten versionen von mozilla und ie verwenden.

mfg

Elvis

Zitat von SeekeR

aber ich glaub mal, dass ein großteil aller internetnutzer in österreich und deutschland die neuesten versionen von mozilla und ie verwenden.

Eine gewagte Behauptung wenn ich bedenke dass die New Yorker Stadtbücherei (ja, New York ist nicht in Europa) Hacks in ihre Seiten einbauen, weil der Anteil der Netscape 4-User erschreckend hoch ist.

Und warum benutzt Du Codemüll aus dem letzten Jahrhundert, wenn Du davon ausgehst dass alle Menschen moderne Browser benutzen?

Tipp: Löse Dich von position und versuche es mit flexiblen Layouts und Webstandards.

SeekeR

hmm, ich wollte einfach einen div-container erstellen, der immer mitscrollt und dem man dann immer im bild hat. Das mit dem position fixed war das einzige, was ich dazu gefunden habe. probiert hab ich es auch noch so, hat aber nichts gebracht:

Code

<style type="text/css">
        #divid
		{
 			position:fixed;
 			left:400px; top:430px;
		}
		body {
    	font: normal 100.01% Helvetica, Arial, sans-serif;
    	color: white; background-color: #4A0001;
    	min-width: 40em; /* Mindestbreite verhindert Anzeigefehler in modernen Browsern */
  		}
		</style>

Alles anzeigen

flexible layouts schön und gut, aber ich keine ahnung wie ich elemente einbauen kann, die ähnliche eigenschaften wie position:fixed haben.

mfg SeekeR

Dikra

Vielleicht hilft dir das weiter:

http://de.selfhtml.org/navigation/suc…osition%3Afixed

The User

Mmh, auf dieser Seite (selfhtml) steht auch, dass ie 7 unterstützt und ie6 nicht...
Elvis, was hast du gegen CSS-Positioning?
Hast wohl lieber Frames und Tabellenlayouts.

SeekeR

hmm also ich probier jetzt schon länger mit den angaben auf SELFHTML herum. von dort hab ihc es mit folgendem code versucht:

Code

<style type="text/css">
div { border:1px solid #888; }
#f1 { position:fixed; top:45px; left:430px; width:150px; height:150px; background-color:#afa; }

verwenden tu ich es so:

Code

<div id="f1">CONTENT</div>

Das ist jetzt genau der code, der auf SELFHTML auch verwendet wurde, wie immer: firefox "versteht" es richtig, ie7 nicht. aber auf der seite von selfhtml funktioniert es auch mit ie.

ich verstehs nicht

Tags