nicht angemeldet
MSIE zeigt BIlder um 1px verschoben!
Hi Forumler,
die Browser machen mal wieder Probleme, und zwar gehts genau um einen Pixel! Ich suche nun seit einer Stunde nach einer Lösung, finde sie aber nicht. Das Problem kann man sich unter http://www.mainstreet-music.de anschauen. Das soll mal eine Homepage werden. Also: es kommt ein Bild, ein Div-Bereich und wieder ein Bild. ich habe nun alles mit paddding:0px und margin:0px ausgestattet und die Bilder mit absoluten Höhenangaben versehen, aber der MSIE zeigt das 2te Bild einen Pixel weiter unten an als O6 und NN6, was in meinem Fall sehr störend ist. Weiss vielleicht jemand, wie ich da ohne absolute Höhenangaben und Javascript drumherumkomme? Anbei noch jede Menge Code.
MFG
Philipp
-------HTML-TEIL------------- (<- genug Css drin)
<td class="rmenue">
<img alt="" src="bilder/umfrage.jpg" style="height:21px; position:relative; right:0px; top:7px; padding:0px; margin:0px;">
<div class="divrechts">
Wie findet ihr das Layout der MEK Homepage?
</div>
<img alt="" src="bilder/newsletter.jpg" style="vertical-align:top; padding:0px; margin:0px; height:21px;">
</td>
-----CSS-TEIL----------------
.rmenue {
background-image:url(bilder/2.jpg);
width:160px;
vertical-align:top;
padding:0px;
margin:0px;
border-width:0px;
}
.divrechts {
position:relative;
border-width:0px;
left:44px;
top:20px;
width:92px;
font-size:11px;
line-height:14px;
padding:0px 0px 40px 0px;
margin:0px;
text-align:right;
font-weight:normal;
}
-
Hi, Philipp
die Browser machen mal wieder Probleme, und zwar gehts genau um einen Pixel!
Uaahh! ;-) Ich kann das Problem mit IE6 (Win98) allerdings nicht nachvollziehen, eine Pixelverschiebung ist nicht zu erkennen. Mit welcher Version tritt das Problem auf?
LG Orlando
-
hallo,
Uaahh! ;-) Ich kann das Problem mit IE6 (Win98) allerdings nicht nachvollziehen, eine Pixelverschiebung ist nicht zu erkennen.
bei mir kann ich die verschiebung mit dem 5.5SP2 auch nicht nachvollziehen, oder ich brauch 'ne stärkere brille *gg*...
Malte
-
hab's mir noch mal mit Netscape 6 und Opera 6 angeguckt und muss sagen: es sieht - oh wunder - in allen drei browsern [also den beiden und dem IE5.5SP2] gleich aus.
-
Hi!
Wobei die Frage jetzt ist, ob es der IE5.5, nachdem ich es geaendert habe, noch korrekt anzeigt... wenn nicht, auch egal... :)
MFG
Philipp
-
-
-
HI Orlando!
Ich benutze IE6 auf Win2000. Man sieht das Problem sehr gut, wenn man es mit der darstellung von o6 oder nn6 vergleicht: beim IE liegen im gestreiften Verlaufsteil 2 Duinkle bereiche übereinander, was nicht sein sollte, sondern es sollten sich weiterhin hell und dunkel abwechslen.
MFG
Philipp
-
Hi, Philipp
Oh, _das_ hast du gemeint. Das ist ja auf den ersten Blick kaum zu erkennen, zumindest in meinem Alter ;-)
Tja, der IE interpretiert pixelgenaue Stylesheets gerne anders als die Browser, die es richtig machen. Eventuell hilft dir ein kleiner Workaround. Du positionierst die Elemente zunächst für den IE:
#meindiv {
position: absolute;
...
}Anschließend weist du den Browsern, die folgendes Konstrukt beherrschen deren Definitionen zu:
div[id="meindiv"]{
position:fixed !important;
}Wie im Beispiel angegeben funktioniert so zB auch ein Layout, das fixierte Elemente enthält in allen Browsern. Opera und Mozilla verstehen die zusätzliche Angabe, der IE ignoriert sie. Du müsstest lediglich die Stylesheets anpassen, das Beispiel ist natürlich (noch) nicht auf deine Anforderungen zugeschnitten.
LG Orlando
-
Hi Orlando,
vielen Dank fuer den Tipp, er ist geradezu genial ;)
Ich hab zwar nix mit absolute und fixed gemacht, aber ich habe das, was ich wollteMFG
Philipp
-
-
-
-
Hi,
ich befuerchte, ich habe mich etwas undeutlich ausgedrueckt... ich haette dran denken sollen, dass man es kaum erkennt, wenn man nicht weiss, wie es richtig aussehen soll: Ich habe als Beispiel die rechte Menueleiste genommen. Als erstes kommt das Bild "Umfrage" (hier siehts noch richtig aus, im Linken Teil der Menueleiste liegen immer abwechselnd ein heller und ein dunkler Bereich untereinander). Dann kommt kurzer Text, der in einem Div ist. Dann kommt wieder ein Bild "Newsletter". Hier ist das Problem: Eigentlich sollte oben und unten am Bild weiterhin der Wechsel Hell-Dunkel-Hell-Dunkel ... sein, aber bei der momentanen Einstellung kommt beim I6 2 mal Dunkel hintereinander, oben und unten. Ich weiss nicht genau, welche darstellungsart die korrekte ist, auf jeden Fall ist das Bild immer um 1px verschoben, wenn man die Darstellung von IE/NN6,O6 vergleicht.
MFG
Philipp