WN - Firefox problem

WN (https://www.wn.se/forum/index.php)

- Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)

- - Firefox problem (https://www.wn.se/forum/showthread.php?t=4018)

ric	2004-10-11 13:13

Har ett problem med tabeller, bilder och firefox. Efter varje bild blir det ett 5px mellanrum som utvidgar td med just 5px. Uppstår inte i IE men i FF.
http://www.seek.se/pc.gif
En htmlkodsnutt:

Kod:

<table width="715px" cellpadding="0" cellspacing="0" class="centrering">

 <tr>

         <td class="bildram"><img src="limits.gif" alt="Vad är begränsningar?"/></td>

 </tr>

 <tr>

         <td class="skugga"></td>

 </tr>

        </table>

En del css.

Kod:

.centrering {

        text-align: center;

        margin-left: auto;

        margin-right: auto;

}



.bildram{

        border: 1px solid #D9D7DF;

}

Någon som har någon aning om varför det vill bli ett mellanrum efter bilder?

Sigurd

2004-10-11 13:59

Vad jag kommer ihåg så har jag inte haft detta problem.

Vad händer om du sätter margin: 0px; i bodyn?

ric	2004-10-11 14:19

Citat:

Originally posted by Sigurd@Oct 11 2004, 13:59
Vad jag kommer ihåg så har jag inte haft detta problem.

Vad händer om du sätter margin: 0px; i bodyn?

Ändrar inte tabellstorleken.
Har skalat ner koden till det viktigaste för att testa.

html:

Kod:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="sv" dir="ltr">

<head>

        <title>Test</title>

        <meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1"/>

        <link href="style2.css" rel="stylesheet" type="text/css"/>





</head>

<body>







        <table cellpadding="0" cellspacing="0" border="1">

 <tr>

         <td><img src="http://www.seek.se/seek.gif" alt="test"/></td>

 </tr>

        </table>







</body>

</html>

CSS:

Kod:

body {

        background-color: #EFEFF3;

        margin: 0px;



}

Men jag får inte bort mellanrummet efter bilden.

www.seek.se/test.html

Sigurd

2004-10-11 14:43

body {
background-color: #000000;
margin-top: 0px;
}

fungerar i alla fall hos mig. tog din kod med den css-koden och fungerade.

ric	2004-10-11 14:48

vilken version av firefox testade du i?

Edit: eftersom det funkar fortfarande inte här i firefox 1.0

Sigurd

2004-10-11 14:53

Citat:

Originally posted by ric@Oct 11 2004, 14:48
vilken version av firefox testade du i?

Edit: eftersom det funkar fortfarande inte här i firefox 1.0

Firefox 1.0 PR använder jag.

Men det är för att din doctype är av just den typen. Ta bort den och det fungerar. Vet dock inte hur du ska lösa det med den doctypen.

byWiberg

2004-10-11 14:59

Hade samma problem på min sida.
Fick ändra doctype till xhtml trans.

ric	2004-10-11 15:02

Citat:

Ursprungligen postat av Sigurd

Citat:

Ursprungligen postat av ric

vilken version av firefox testade du i?

Edit: eftersom det funkar fortfarande inte här i firefox 1.0

Firefox 1.0 PR använder jag.

Men det är för att din doctype är av just den typen. Ta bort den och det fungerar. Vet dock inte hur du ska lösa det med den doctypen.

japp nu funkar det äntligen (efter två dagars arbete) om man tar bort den, men den doctypen använder man för xhtml.

ric	2004-10-11 15:05

Citat:

Originally posted by byWiberg@Oct 11 2004, 14:59
Hade samma problem på min sida.
Fick ändra doctype till xhtml trans.

Så firefox klarar inte att följa standard med xhtml 1.1?

Sigurd

2004-10-11 15:05

Citat:

Ursprungligen postat av ric

Citat:

Originally posted by -Sigurd@Oct 11 2004, 14:53

Citat:

Ursprungligen postat av ric

vilken version av firefox testade du i?

Edit: eftersom det funkar fortfarande inte här i firefox 1.0

Firefox 1.0 PR använder jag.

Men det är för att din doctype är av just den typen. Ta bort den och det fungerar. Vet dock inte hur du ska lösa det med den doctypen.

japp nu funkar det äntligen (efter två dagars arbete) om man tar bort den, men den doctypen använder man för xhtml.

Hehe, ja, sånt är ju inte liiite irriterande! ;)

matlin

2004-11-11 10:13

Guuu vilken tid det tar att bli medlem ....

Anledningen till mellanrummet är som följer:

Bilder är inline-element och i den stricta DTD:n för xhtml så står det att de ska placeras precis som alla andra stricta element, m.a.o "baseline" vilket gör att bilden hamnar på samma rad som texten och som alla vet så behöver vissa bokstäver plats för det som hamnar under baslinjen (t ex yjqpg) vilket gör att bilder i tabellceller lämnar lite mellanrum under sig.

Hur löser man detta då?

Jo man kan som ni gjort välja bort den stricta DTD:n vilket är synd eller så fixar man till det genom att applicera style="display: block" eller style="vertical-align: bottom" på de bilder som ställer till det för er.

Peace of cake eller hur. Detta har funnits dokumenterat på devedge.netscape.com men den verkar vara nerlagd, tråkigt nog.

Alla tider är GMT +2. Klockan är nu 03:19.