Permalänk
Medlem

oönskad padding , hjälp!

Har lite problem med hemsidan jag jobbar på nu, infogar ett divelement som jag sedan vill "fylla" med en bild, lägger en bakgrund på divblocket för bilder som kommer befinna sig i det kommer att variera i storlek och därmed fylla ut bredden på bilden. Problemet jag nu har är att det av någon anledning uppstår en padding/margin längst ner, se bild.

Kollat med alla möjliga verktyg och inget visar på att det är någon margin eller padding så vet inte hur jag skall lösa det, har provat massvis med olika grejer men inte lyckats få det att fungera.. Några förslag eller tankar? All hjälp uppskattas!

Visa signatur

Ludacris@live.se

Permalänk
Medlem

I css filen längst upp, lägg till:

*{margin:0; padding:0;}

Testa om det gör någon skillnad, annars är Firebug bra att använda för att hitta lösningen på sånt här.

Visa signatur

...

Permalänk
Medlem

Använder firebug men den visar inget :S

*{margin:0; padding:0;} fungerade inte heller :/

Visa signatur

Ludacris@live.se

Permalänk
Medlem

Gjorde en testgrej som visar samma sak
http://www.mistuf.se/trueshit/homepage.html
Om du med firebug gör så du ser de olika elementen och håller musen över facebookrutan till höger så ser du att det är ett litet mellanrum på bilden och själva rutan :S

Visa signatur

Ludacris@live.se

Permalänk
Inaktiv

Det beror på att diven som är 280px bred har en 1px border vilket gör den totalt 282px bred, bredare än sin parent.

Permalänk
Medlem

Fungerade ej, sen är det ju så att jag inte satt någon höjd på divelementet så den borde med tanke på att den sitter på padding 0, bilden margin0, vara lika hög som bilden?

Visa signatur

Ludacris@live.se

Permalänk
Medlem
Skrivet av korvjohn:

Har lite problem med hemsidan jag jobbar på nu, infogar ett divelement som jag sedan vill "fylla" med en bild, lägger en bakgrund på divblocket för bilder som kommer befinna sig i det kommer att variera i storlek och därmed fylla ut bredden på bilden. Problemet jag nu har är att det av någon anledning uppstår en padding/margin längst ner, se bild.

Kollat med alla möjliga verktyg och inget visar på att det är någon margin eller padding så vet inte hur jag skall lösa det, har provat massvis med olika grejer men inte lyckats få det att fungera.. Några förslag eller tankar? All hjälp uppskattas!

http://a8.sphotos.ak.fbcdn.net/hphotos-ak-snc7/422845_2747513...

Bilder är inline-element. Inline-element reserverar utrymme för hängande bokstäver (ygjqp, t ex).
Lösning: .my_block > img { display:block; }

Visa signatur

Kom-pa-TI-bilitet

Permalänk
Inaktiv
Skrivet av korvjohn:

Fungerade ej, sen är det ju så att jag inte satt någon höjd på divelementet så den borde med tanke på att den sitter på padding 0, bilden margin0, vara lika hög som bilden?

Var nog jag som inte förstod din beskrivning riktigt.

Permalänk
Medlem
Skrivet av Teknocide:

Bilder är inline-element. Inline-element reserverar utrymme för hängande bokstäver (ygjqp, t ex).
Lösning: .my_block > img { display:block; }

Strålande, får prova det när jag kommer hem igen

Visa signatur

Ludacris@live.se