IE lässt Inhalt verschwinden
Bastian
- css
Ich habe wieder einmal ein CSS-Problem mit dem IE. Ich habe für die Navigation und den Inhalt je ein div-Element mit entsprechender id. Die CSS-Formatierung sieht wie folgt aus:
#navigation {
position: absolute;
top: auto;
left: 500px;
bottom: 75px;
right: auto;
width: 75px;
height: auto;
background: #000000;
border: 1px solid #6686CC;
padding: 5px;
}
#inhalt {
position: absolute;
top: auto;
left: 75px;
bottom: 75px;
right: auto;
width: 400px;
height: auto;
background: #000000;
border: 1px solid #6686CC;
padding: 10px;
}
Tja, und wenn ich den IE aufrufe, zeigt er mir das Hintergrundbild der Site und lässt die beiden oben genannten div-Elemente spurlos verschwinden. Im Quelltext sind sie zwar vorhanden; aber auf der Seite nicht. Woran kann das liegen?
Gruss
Bastian
Wie sieht Dein Hintergrund aus?
Wie ist er eingebaut vielleicht über ein <div>
Ich würde TRipen der Hintergrund liegt über den Div!
Dann ist die Frage, was ist mit der Reihenfolge?
TomIRL
Also, das Stylesheet sieht momentan so aus:
body {
background-image: url("grafiken/hintergrund.jpg");
z-index: -1;
}
#planet {
position: fixed;
top: auto;
left: auto;
bottom: 0px;
right: 0px;
width: 570px;
height: 810px;
background-image: url("grafiken/planet.jpg");
background-repeat: no;
z-index: 0;
}
#navigation {
position: absolute;
top: auto;
left: 500px;
bottom: 75px;
right: auto;
width: 75px;
height: auto;
background: #000000;
border: 1px solid #6686CC;
padding: 5px;
z-index: 1;
}
#inhalt {
position: absolute;
top: auto;
left: 75px;
bottom: 75px;
right: auto;
width: 400px;
height: auto;
background: #000000;
border: 1px solid #6686CC;
padding: 10px;
z-index: 2;
}
Der HTML-Code wre:
<body>
<div id="planet"></div>
<div id="navigation">
...
</div>
<div id="inhalt">
...
</div>
</body>
Ich habe gerade herausgefunden, dass der Inhalt bei IE fr Windows doch angezeigt wird, nur bei IE fr Mac nicht.
Bei IE Win jedoch wird das Hintergrundbild "planet" nicht rechts sondern links ausgerichtet, was ich nicht nachvollziehen kann.
Nach einigen Versuchen konnte ich aber feststellen, dass IE Win die Eigenschaft position: fixed nicht richtig interpretiert. Mit position: absolute sieht es auch mit IE Win perfekt aus. Beim IE Mac klappt's zwar immer noch nicht. Aber welcher Macuser braucht schon den IE?
Gruss
Bastian
hi,
Bei IE Win jedoch wird das Hintergrundbild "planet" nicht rechts sondern links ausgerichtet, was ich nicht nachvollziehen kann.
du hast zur ausrichtung des hintergrundbildes doch überhaupt keine angabe gemacht.
gruss,
wahsaga
ÈÈ du hast zur ausrichtung des hintergrundbildes doch Ÿberhaupt keine angabe gemacht.
Doch. Ich habe den Abstand nach links offen gelassen und jener nach rechts auf null gesetzt. Da der div-Container genau die Gršsse des Bildes hat, sollte somit das Bild am rechten Rand kleben.
Gruss
Bastian
ich habe mal dein problem ausprobiert und auch deinen css-code.
dazu habe ich noch einige fragen. wie bindest du das bild als hintergrund ein.
bei <body background="bild">
...
<style> ...
<div id="menu"> ....
usw klappt im ie6sp2 moz 1.5 und op 7.11
schau mal unter www.menzels.org/test2.html
hi,
Ich habe wieder einmal ein CSS-Problem mit dem IE. Ich habe für die Navigation und den Inhalt je ein div-Element mit entsprechender id. Die CSS-Formatierung sieht wie folgt aus:
ohne den zugehörigen html-code ist es wertlos, die css-formatierungen dafür zu kennen.
Tja, und wenn ich den IE aufrufe, zeigt er mir das Hintergrundbild der Site und lässt die beiden oben genannten div-Elemente spurlos verschwinden. Im Quelltext sind sie zwar vorhanden; aber auf der Seite nicht. Woran kann das liegen?
an einem fehler in den bestandteilen der seite, über deren beschaffung du dich bisher ausgeschwiegen hast.
bitte lies mal </faq/#Q-07b>.
gruss,
wahsaga
Hallo.
an einem fehler in den bestandteilen der seite, über deren beschaffung du dich bisher ausgeschwiegen hast.
Argwöhnst du, dass er uns die Herkunft seiner Seiten aus niederen Beweggründen zu verschweigen trachtet? ;-)
MfG, at