IE & FireFox bug

[chuxiej]

Beste tweakers,

Ik heb al een tijd last van een bug.
Als ik een layout heb met een background image van bv 792 pixels en daarna de layout een center geef heb ik hier last van.

Voorbeeld:
In firefox:


En in IE:


In firefox loopt de layout dus gelijk aan de background en in IE niet.
Weet iemand of hier een hack voor bestaat of hoe ik dit kan oplossen?

Alvast bedankt.

[BasieP]

ik moet zeggen dat ik je plaatjes erg weinig vind zeggen, heb je niet ergens een testje online staan? of kan je betere screenshots posten, want het enige wat ik 'fout' zie gaan in IE is die dubbele border.

verder zie ik wel dat het 'anders' is, maar ik zou niet weten wat wat is

[ Voor 19% gewijzigd door BasieP op 28-05-2005 11:33 ]

[Xiander]

Grotere plaatjes waren misschien beter geweest. Ik zie ook niet direct wat er verkeerd is. Post eens het stukje html-code dat overeenkomt met wat je hier laat zien.

[chuxiej]

http://chux.dynu.com/test/

Het probleem is dus dat in IE de container 1 pixel meer naar links wordt getrokken.

[AxiMaxi]

Ik zie geen verschil in MSIE en FireFox.
Hooguit de donkergrijze rand die in MSIE wat zichtbaarder is.
Maar geen dubbele zwarte lijn, zoals in de kleine plaatjes ofzo.

[spone]

hier in IE staat de bovenste container teveel naar links, in firefox gaat het wel goed

IE6 en FF 1.04

[ Voor 30% gewijzigd door spone op 28-05-2005 11:52 ]

[chuxiej]

Ja inderdaad, bij de ene IE versie laat die het wel zien en de ander niet.

[ Voor 72% gewijzigd door chuxiej op 28-05-2005 11:53 ]

[BiG-GuY]

volgens mij komt dat doordat je in IE wel een scroll bar hebt en in FF niet... iig bij mij is dat het enige verschil wat ik merk...

[T-MOB]

De mensen die het niet zien moeten in IE een paar keer de breedte van het venster veranderen om het te zien. Het is verder een afrondingsprobleem met het centreren waarvoor ik zo gauw geen oplossing weet, misschien helpt het om geen breedte te geven aan de header.

[chuxiej]

IE bewijst zichzelf weer dus

[Deikke]

Ik zie geen verschil behalve het scrollbalk van dat hierboven al vermeld is.

IE geeft gewoon altijd een scrollbalk weer, firefox alleen als dit noodzakelijk is.

je kan het in IE ook wel wegkrijgen door een frame pagina te maken met 1 frame en scrolling op auto te zetten.

[Jaap-Jan]

Dat kleurverschil komt doordat je achtergrond een png is, ik heb zelf ook geprobeerd om plaatjes als .png op te slaan voor een achtergrond met een dropshadow. '#999' Als achtergrondkleur en de rand van het .png plaatje heeft ook deze kleur. Firefox kan wel goed omgaan met png, maar IE niet. Een remedie hiervoor is (helaas) opslaan als .gif.

En inderdaad, als je je site goed zichtbaar wil hebben op 800x600, moet je hem wat minder breed maken. Ik heb het even nagekeken en als je hem 779px breed maakt, dan is hij precies goed in IE.

[ Voor 28% gewijzigd door Jaap-Jan op 28-05-2005 12:20 ]

[AxiMaxi]

Japie_17 schreef op zaterdag 28 mei 2005 @ 12:02:
Ik heb het even nagekeken en als je hem 779px breed maakt, dan is hij precies goed in IE.

Dat ligt aan je Windows instellingen, lijkt me. Maar 'in general' zal je gelijk hebben.

[BasieP]

ik heb het idd ook, de bovenste balk staat 1px teveel naar links in IE.

dit heeft volgens mij weinig te maken met een scrollbar, maar gewoon met afronding.


iig viel mij nog meer op, namelijk de bekende brakheid in kleuren van IE.


als je het mooi wil maken zul je een zuivere grijs moeten pakken, eentje die IE ook snapt. blijkbaar is IE maar 256 kleuren oid, want het ziet er echt brak uit

[chuxiej]

http://chux.dynu.com/test/

volgens mij heb ik het meeste nu wel gefixt.
Toch blijft IE heel erg irritant in veel opzichten echt jammer dat het zoeen machtig bedrijf is wat bijna niet onder druk gezet kan worden om dingen te verbeteren..

[AxiMaxi]

BasieP schreef op zaterdag 28 mei 2005 @ 12:46:
iig viel mij nog meer op, namelijk de bekende brakheid in kleuren van IE.
[afbeelding]

als je het mooi wil maken zul je een zuivere grijs moeten pakken, eentje die IE ook snapt. blijkbaar is IE maar 256 kleuren oid, want het ziet er echt brak uit

Is hierboven al besproken: ligt aan de afhandeling van *.PNG door MSIE (=brak)

[chuxiej]

Ik heb nu een nieuw probleem.
Ik probeer dmv. negatieve margin's en float het menu en content te positioneren.

Nu werkt alles perfect in FF alleen in IE lijkt het alsof die de margin-left verdubbeld
Ik heb margin-left: 150px; in de inner div en margin-left: -150px; in de menu div.
In IE geeft die de menu div 150 pixels meer naar links.
Als ik nu in IE margin-left: -75px; geef voor de menu div doet laat die het wel goed zien..
Ik vind dit echt heel erg vaag zie:
http://chux.dynu.com/test/

[Verwijderd]

Ik weet niet of het je iets kan schelen, maar in Opera 8 wordt het menu helemaal niet weergegeven. Als je die rare IE5-mac hack weghaalt (#inner { display: inline-table; , dan lijkt het wel te werken...

[Verwijderd]

Verwijderd schreef op zaterdag 28 mei 2005 @ 14:28:
(#inner { display: inline-table; ,

Interessant hoe zo'n forum overal smilies in denkt te zien...

[Jaap-Jan]

Verwijderd schreef op zaterdag 28 mei 2005 @ 14:29:
[...]


Interessant hoe zo'n forum overal smilies in denkt te zien...

Om dat te voorkomen moet je er een combinatie van [norml] [/norml] tags in zetten, dan wordt die tekst niet geparsed als rml.

[Sappie]

chuxiej schreef op zaterdag 28 mei 2005 @ 13:45:
Nu werkt alles perfect in FF alleen in IE lijkt het alsof die de margin-left verdubbeld
Ik heb margin-left: 150px; in de inner div en margin-left: -150px; in de menu div.
In IE geeft die de menu div 150 pixels meer naar links.
Als ik nu in IE margin-left: -75px; geef voor de menu div doet laat die het wel goed zien..
Ik vind dit echt heel erg vaag zie:
http://chux.dynu.com/test/

Dat is een bekende IE bug.. als je iets left float en je geeft het een margin-left dan wordt deze dubbel genomen.. idem voor float-right margin-right.

http://www.positionisever...lorer/doubled-margin.html

[SillyJW]

AxiMaxi schreef op zaterdag 28 mei 2005 @ 13:01:
Is hierboven al besproken: ligt aan de afhandeling van *.PNG door MSIE (=brak)

interessant stukje over PNG -> The Sad Story of PNG Gamma “Correction”
http://hsivonen.iki.fi/png-gamma/