SkarreMedlem sedan apr. 20012 427 inlägg När jag använder xhtml strict uppstår mellanrum mellan bilden i koden nedan och cellens underkant (se bifogad fil). Ändrar jag doctype till "HTML 4.01 Transitional" ser det ut som det ska i FireFox, men mellanrummet är fortfarande kvar i IE6.
Hur blir man av med dessa irriterande mellanrum i xhtml strict i alla (de flesta) browsers?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
</head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="border:1px solid red;">
<img src="/admin/grafik/btn_logout.gif" alt=""/>
</td>
</tr>
</table>
</body>
</html>
Mika3lMedlem sedan nov. 20018 492 inlägg Testa att skriva så här:
<td style="border:1px solid red;"><img src="/admin/grafik/btn_logout.gif" alt=""/></td>
SkarreMedlem sedan apr. 20012 427 inlägg Nepp, då fungerar det i IE6, men inte i FireFox. :(
dAEkMedlem sedan feb. 20041 816 inlägg line-height: 1px; eller font-size: 1px;
löser ditt problem i Moz 1.6, Op 7.23 & IE 6. Har inte testat i andra browsers...
Är inte helt säker på vilket av ovan alternativ som borde är 'bäst' att använda, ngn som vet kanske vill berätta ? :)
SkarreMedlem sedan apr. 20012 427 inlägg Jag hade samma problem igen, och kom ihåg att jag frågat tidigare. Tack för det! :)
overflow: hidden; LÄGG NER DET ANDRA! Stör ni er inte på att det ser rätt ut, men att det är helt galet och fel?
SkarreMedlem sedan apr. 20012 427 inlägg
Cheguelin skrev:
overflow: hidden; LÄGG NER DET ANDRA! Stör ni er inte på att det ser rätt ut, men att det är helt galet och fel?
Nej, inte jag. Speciellt med tanke på att det fungerar, till skillnad från "overflow:hidden".
Ah, då kanske jag har varit för snabb med mitt svar :) Var lite rädd för att det skulle hända. Hur som helst så har jag själv haft samma problem och då tror jag att display: block; på bilden rättade till det.
