Ways to skin a cat

In HTML en in Photoshop en in het leven in het algemeen is het soms gelijk in perl: TMTOWTDI.

Sinds ik release candidate 1 van Internet Explorer 7 geïnstalleerd had, werkte dit niet meer:

img.gravatar {
float: left;                /* beeldje links zetten */
width: 80px; height: 80px;  /* expliciet 80×80 pixels */
padding: 3px;               /* randje van 3 pixels… */
background-color: #fff;     /* …in het wit */
border: 1px solid #ccc;     /* en daarrond een grijs lijntje */
margin: -4px 8px 8px -95px;
}

Dat zet een beeldje links van de commentaartekst die ernaast staat. Die commentaartekst had een linkermarge van 95 pixels, en met die negatieve marge op het beeld, kwam dat mooi uit dat het beeldje vóór de tekst stond.

In IE7RC1 lukte dat niet meer, stond het beeld in de tekst. Ik heb eerlijk gezegd niet veel zin om er ernstig naar te kijken, dus een beetje gefutzt om te zien of het in de rapte anders kon opgelost krijgen, en jawel hoor.

De gewijzigde regels:

img.gravatar {
float: left;
width: 80px; height: 80px; 
padding: 3px;
background-color: #fff;
border: 1px solid #ccc;
margin: -4px -85px 8px 0;
position: relative;
left: -95px;

}

Relatief gepositioneerd, linkerkant 95 pixels vóór het begin van het ding waar het in zit (een <li> met een linkermarge van 95 pixels), euh, en dan nóg eens 85 pixels naar links.

Bring on the css nazis!

Geschreven al luisterend naar: Bill Evans - The Last Waltz (Disc 5) - Someday My Prince Will Come

Elders over misschien hetzelfde

4 commentaren op “Ways to skin a cat”

  1. 1. Huug zei, op zaterdag 26 augustus 2006 om 13u12:

    Slim Vuijlsteke, Uw postjes op voorhand schrijven gelijk Mvr. De Voorzitter! (Ik mag het hopen…)

  2. 2. CosmicD zei, op zaterdag 26 augustus 2006 om 13u27:

    is er nu echt geen manier om ie7 zonder dat genuine gedoe te kunnen installeren ? mijn “officiële” windows licentie staat namelijk op mijn muziekPC en die gebruik ik niet wanneer ik deze pc gebruik :P anyway, ik vind het gewoon onzin nu nog ne windows xp te kopen terwijl volgend jaar vista er gaat aankomen… dus daarmede :)

  3. 3. CraHan zei, op zaterdag 26 augustus 2006 om 14u26:

    Eerst een post dat het dit weekend genieten zal zijn zonder de kinderen. Met de madamme ergens naartoe om tot rust te komen.

    en dan…

    Posten op de blog over CSS. Serieus Michel, schrik dat we U gaan missen gedurende die 2 dagen? We gaan hier maandag nog allemaal zijn hoor.

  4. 4. Thinkbasic zei, op zaterdag 4 november 2006 om 22u53:

    CosmicD er is wel een standalone versie van IE7 die je gewoon kan downloaden!

Zeg uw gedacht

Je kan deze HTML-tags gebruiken: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> . Ook zo'n beeldje naast uw naam? Rep u naar Gravatar.com!

Navigatie

Vorige entry: Slim, Vuijlsteke

Volgende entry: Vakantie!

» homepagina, archief

<insert standard disclaimer>

Alles wat hier staat is mijn eigen opinie. Het wordt niet nagelezen of goedgekeurd door mijn werkgever voor het on-line komt, en ik bied geen enkele garantie voor kwaliteit of correctheid.

Mijn werkgever is het niet noodzakelijk eens met wat ik schrijf, en het spreekt vanzelf dat hij dan ook op geen enkele wijze aansprakelijk kan zijn voor wat ik hier publiceer.