Problem mit exakter Positionierung/Hintergrundbild
wahsaga
- css
hi'nabend,
habe folgendes problem:
http://www.isis.de/~wazgnuks/hg.htm
oben ein hintergrundbild, gelber bereich 500px breit, daneben auf jeder seite ein roter bereich von jeweils 50px breite - ergibt insgesamt 600px. dieses hintergrundbild ist mit top center oben mittig positioniert, no-repeat.
darauf liegt ein div mit schwarzem hintergrund, ebenfalls 500px breit, über text-align:center bzw. auto für die seitlichen margins ebenfalls horizontal in der seitenmitte positioniert.
im opera 7 und firebird 0.7 deckt der schwarze div sich horizontal exakt mit dem gelben bereich des hintergrundbildes, aber im IE ist er um ein bis zwei pixel nach links "verschoben".
warum?
das html ist valides xhtml 1.0 transitional (http://validator.w3.org/check?uri=http%3A%2F%2Fwww.isis.de%2F~wazgnuks%2Fhg.htm).
der css-validator liefert mir allerdings einen fehler, den ich nicht verstehe,
"I/O Error: Invalid byte 2 of 3-byte UTF-8 sequence."
(http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.isis.de%2F~wazgnuks%2Fhg.htm&warning=1&profile=css2&usermedium=all)
das css ist per <style>-bereich direkt in die seite eingebetet; wenn ich das per c&p direkt im textfeld des css-valis hochlade, gibt es keinen fehler.
ich weiss, pixelgenau designen wollen ist nicht so der hit - aber in diesem falle bräuchte ich das.
wie bringe ich ohne grosse hacks auch dem IE bei, es "richtig" zu machen?
(den div absolut positionieren würde ich nur sehr ungerne, ausserdem weiss ich nicht, ob es dadurch "besser" wird - habe zudem den "verdacht", dass der IE evtl. nicht den div nach links, sondern das hintergrundbild nach rechts verschiebt.)
gruss,
wahsaga
Hola,
Also bei mir sieht es in Mozilla 1.4, Opera 7.1 und IE 6 gleich aus. Kein Unterschied.
$xNeTworKx.
hi,
Also bei mir sieht es in Mozilla 1.4, Opera 7.1 und IE 6 gleich aus. Kein Unterschied.
wirklich?
ist der schwarze bereich im IE _nicht_ um eine winzigkeit nach links verschoben, so dass man rechts daneben einen winzigen streifen vom gelben hintergrund sieht?
hier mal ein screenshot, wie das bei mir im IE 6 aussieht, der kleine rote pfeil markiert die "kritische" stelle:
<img src="http://www.isis.de/~wazgnuks/pics/screenshot.png" border="0" alt="">
und auf der linken seite ist dann analog der schwarze bereich um ein wenig über den roten bereich verschoben, fällt aber wegen dem kontrast weniger auf.
ist zwar nur eine winzigkeit, aber für mein vorhaben trotzdem wichtig.
gruss,
wahsaga
ist zwar nur eine winzigkeit, aber für mein vorhaben trotzdem wichtig.
bei meinem ie6 passt es genau. auflösung 1024x768, fenstergrösse egal (hab mehrere probiert).
gruss,
wahsaga
andi
Hola,
nein, bei mir passt es haargenau. IE6, Auflösung 1152x864.
$xNeTworKx.
Hallo,
bei mir spielts 1280x1024.
Im IE6.0.2800.1106 gibts den Fehler, abhängig von der Fenstergröße, jedenfalls bei Vollbild.
Kein Fehler bei Mozilla 1.5.
Kein Fehler bei Opera 7.21.3218.
Beste Grüße
Viennamade
Hallo,
habe folgendes problem:
im opera 7 und firebird 0.7 deckt der schwarze div sich horizontal exakt mit dem gelben bereich des hintergrundbildes, aber im IE ist er um ein bis zwei pixel nach links "verschoben".
warum?
Wenn ich meine Beobachtungen richtig deute, wirst du nichts machen können. Im IE scheint es mit der Fenstergröße und der Rendering der Pixel zu tun zu haben.
Bei einigen Fenstergrößen gibt es manchmal die 1px Abweichung, bei anderen Fenstergrößen nicht.
Grüße
Thomas
hi,
Wenn ich meine Beobachtungen richtig deute, wirst du nichts machen können. Im IE scheint es mit der Fenstergröße und der Rendering der Pixel zu tun zu haben.
Bei einigen Fenstergrößen gibt es manchmal die 1px Abweichung, bei anderen Fenstergrößen nicht.
ja stimmt, du hast recht.
als "immer-maximiert-surfer" ist mir das nicht aufgefallen, da war der "fehler" immer zu sehen.
danke für den hinweis.
OK, dann muss ich mir was anderes überlegen :-/
gruss,
wahsaga
hi
also bei mir ist auch in jedem meiner browser das selbe (richtig positionierte) bild...
viel spass beim fehler suchen ;>
gruß oggy
p.s. nicht bös' gemeint...