Permalänk
Medlem

Bilder <img> med padding

Om detta har varit uppe här på forumet förut så får ni ursäkta mig för upprepningen

Men hur kan man snyggast lösa att lägga padding på en bild egentligen?
Alltså lägga en ram runt en bild som har ett litet mellanrum mellan bilden och ramen.

T.ex:

<img src="en-bild.png" style="border: solid; padding: 10px;" />

Detta funkar utmärkt i alla bra webbläsare (Firefox, Opera m.f.). Det fungerar t.o.m som det ska i IE7!
Men den stora klumpen till skitwebbläsare (Internet Explorer 6) som de flesta envisas med att använda förstår inte vad den där panningen innebär och struntar i att lägga till den.

Går det på något vis att lösa detta med en omkringliggande <div> el. liknande?
Har försökt mig på detta men inte kommit så långt. (Problem med bredden på div'en o.s.v.)

Tacksam för hjälp!

Permalänk
Medlem

sätt display: block; också så ska det nog fungera

Visa signatur

Confused by earlier errors. Bailing out...
pluggakuten.se - Din läxhjälp på internet

Permalänk
Medlem

Tja detta funkade inte:

<img src="en-bild.png" style="border: solid; padding: 10px; display: block;" />

Försökte mig även på med en omkringliggande <div> som stylades på samma sätt

<div style="border: solid; padding: 10px; display: block;"><img src="en-bild.png" /></div>

...och visst fungerar det. Paddingen finns där, så även bordern.
Dock blir den inte lika bred som bilden, (mycket bredare), och Firefox får för sig att lägga till extra mellanrum utöver paddingen som inte finns där.
(Trots att jag kör * {margin:0; padding: 0;}, på allt på hela sidan)

Finns det verkligen inget trix för att få Internet Explorer 6 att tolka padding i en bild på rätt sätt?

Tillägg:
Här harvi en sida där de lyckats lägga till en liiiiten padding runt bilden och innan ramen.
Det funkar också i både IE6 och alla andra browsers.
http://andreasviklund.com/blog/site-news/beauty-everywhere/

Permalänk
Medlem

Konstigt jag använder precis det själv och IE6 renderar det utan problem.

men jag tror jag vet vad felet är för dig, du har inte satt någon doctype eller hur?

http://msdn.microsoft.com/library/default.asp?url=/library/en...

Visa signatur

Confused by earlier errors. Bailing out...
pluggakuten.se - Din läxhjälp på internet

Permalänk
Medlem

Jodå, visst kör jag med en riktig DOCTYPE. Men jag får tacka för tipset ändå, för det gav mig ett tips om att trixa lite med just DOCTYPE.

Alla dokument började med lite php-kod:

print("<?xml version=\"1.0\" encoding=\"iso-8859-1\"?>\n");

...vilket inte IE6 gillade särskilt nämvärt. När jag väl tog bort denna lilla rad, då funkar paddingen alldeles utmärkt.

På nått vis drar den lilla kodsnutten ut IE6 från "standards-compliant mode" och struntar därmed i min padding.

Tack för tipset. Nu funkar det perfa!

Permalänk
Medlem

Yes, den raden är bäst att spara till modernare webbläsare, IE6 går in i quirks mode av den. Jag brukar skriva ut den när jag skickar dokumentet som application/xhtml+xml.

Permalänk
Medlem

Det finns faktiskt en liten häftig lösning som ordnar upp mina problem och ändå skickar dokumentet som application/xhtml+xml till moderna webbläsare.
Kommer inte ihåg var jag hittade kodsnutten, men såhär är den:

<?php if (stristr($_SERVER["HTTP_ACCEPT"], "application/xhtml+xml") || stristr($_SERVER["HTTP_USER_AGENT"],"W3C_Validator")) { header("Content-Type: application/xhtml+xml; charset=iso-8859-1"); header("Vary: Accept"); echo("<?xml version=\"1.0\" encoding=\"iso-8859-1\"?>\n"); } else { header("Content-Type: text/html; charset=iso-8859-1"); header("Vary: Accept"); } ?>

Då slipper man quirks-mode i IE6 ändå

Permalänk
Medlem
Citat:

Ursprungligen inskrivet av Ckytep
Det finns faktiskt en liten häftig lösning som ordnar upp mina problem och ändå skickar dokumentet som application/xhtml+xml till moderna webbläsare.
Kommer inte ihåg var jag hittade kodsnutten, men såhär är den:

snip

Då slipper man quirks-mode i IE6 ändå

Det är väl en rätt vanlig lösning, finns beskriven bl a här http://www.456bereastreet.com/lab/developing_with_web_standar...

Permalänk
Medlem

Där var det jag hittade den, ja!

"Seniliteten börjar redan när man föds, sen går det bara utför"