nicht angemeldet
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