IE9 Extra pixel

Status
Niet open voor verdere reacties.
RoboticPro

RoboticPro

Gebruiker
Lid geworden
8 nov 2008
Berichten
568
Goedenmiddag,

Ik ben bezig mijn nieuwe layout te testen.
In Chrome werkt hij goed, alleen in de internet series(Ja de tegenstrijdige)
werkt het niet ook niet in IE9.

In mijn blauwe balk krijg ik 1 extra pixel onderaan bij de div.imgcont
maar na de jQuery animatie is hij weg.

Zelf heb ik al met de margin gespeelt, de hoogte enz maar ik kan het niet vinden.

Wie-o-wie kan mij helpen?
http://briansservice.nl/5/

Brian van der Horst

IE9: Probleem
IE8: Probleem
Chrome 12: Goed
Firefox 4: Goed
Firefox 5: Goed
 
Laatst bewerkt:
Hoi RoboticPro,
Eu, ik zie in de css staan:
Code: 
div.thumb {
   ...
   margin: 32.5px 50px 32.5px 50px;
   }
Heb jij wel eens een halve pixel gezien? :p

Ik kan het hier niet testen, maar kan me voorstellen dat IE8 en IE9 daar moeite mee hebben.
Bij Firefox staat de tot 1px afgeronde .5px aan de bovenkant, zegt Firebug:

halve-px.png

Met vriendelijke groet,
CSShunter
___________
PS1:
In IE7 komt de grijze background onder de opschriften van de zoomers in de blubar niet door. Maar van een 1px verschil is niets te zien.

PS2:
Heb je het trouwens al eens geprobeerd met een goed omschreven doctype?
HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="nl" xml:lang="nl">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title> ... enz.
 
Laatst bewerkt:
Pixel probleem heb ik aangepast.
over PS1 ik heb een browser screenshot aangevraagt maar zal toch IE7 zoeken.
PS2 heb ik ook gewijzigd in xhtml strict.

PS de reden dat ik de loose koos is omdat ik met de target attribuut werk ivm de sociale netwerken.
 
Laatst bewerkt:
O, de background van de <span> van de zoomers kan je voor IE7 het beste oplossen met een Conditional Comment. Nu wordt er kennelijk gestruikeld over de css3-transparantie:
Code: 
div.thumb a span {
   ...
   background-color: rgb(0, 0, 0);
   background-color: rgba(0,0,0,0.6);
}
 
Conditional Comment is toegevoegd hij maakt er nu gewoon zwart van.
Hopen dat het werkt. heb nu geen VM voor wXP dus dat word even wachten met testen.

Dank u wel!
 
Ah, kruispost.
Over Transitional/Strict: ja, Transitional moet wel als je met target gaat werken. Je zou er ook html5 van kunnen maken, daar is targetten weer wel toegestaan: een "nieuw attribuut".

Hier is ook een IE7 screenshot:

ie-transpar.png

(Als het toch een CC wordt, kan je er ook een alpha-transparantie aan toevoegen voor IE7)

IE7 geeft ook een tint-verschil te zien tussen het blue van de blubar en de uiteinden. Zou kunnen zijn vanwege het alphakanaal in de images van de uiteinden.
Maar dat kan er zonder bezwaar uit. :)
 
Was weer een kruispost! :)
Wat je ook kunt doen, is een background-image van een semitransparante png invoegen in plaats van een kleur met transparantie. Dat kan IE7 ook aan (IE6 niet zonder png-fix). Dan hoeft er ook geen CC te komen, maar doen ze het allemaal:
Code: 
div.thumb a span {
   ...
   background: url(images/zwart-70pct-transparant.png);
   }
En hier is het img: zwart-70pct-transparant.png
Met Firebug live uitgeprobeerd in FF: prima.
En screenshot met FF en IE7 ook goed:

zwart-70pct-ff-en-ie.png
 
Dank je wel voor je hulp! en ik ga ook even naar die html5 tag kijken.

Brian
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan