webForumDet fria alternativet

div problem med ie

4 svar · 245 visningar · startad av SONICdust

SONICdustMedlem sedan nov. 2003196 inlägg
#1

Om jag lägger in denna kod på en sida

<div>
    <img src="bla.gif">
</div>

Så får jag en paidding-bottom på 2 pixlar i ie.

men om jag skriver koden så här

<div><img src="bla.gif"></div>

Så ser det även bra ut i ie.

Går det inte att lösa på något snyggt sätt i css:en att den skriver ut <div> rätt även om jag vill skriva som i alternativ 1?

OkkidoMedlem sedan maj 20007 492 inlägg
#2

fungerar det bättre om du lägger till padding: 0; i css:et?

SONICdustMedlem sedan nov. 2003196 inlägg
#3

Okkido skrev:

fungerar det bättre om du lägger till padding: 0; i css:et?

Får lägga padding-bottom:-2px;

men skulle vilja att det gick lägga in en del i css som bara ie läser av, vet inte om det går.

jarvkloMedlem sedan juli 20013 378 inlägg
#4

Hmm...

Testa

 img {display:block;}

i din CSS

jarvkloMedlem sedan juli 20013 378 inlägg
#5

SONICdust skrev:

men skulle vilja att det gick lägga in en del i css som bara ie läser av, vet inte om det går.

Hmm...
Nu först läste jag ordentligt vad du egentligen är ute efter :r

Du kan alltid lägga in MSIE-specifika saker med "villkorliga kommentarer". Exempel (lämpligt att lägga i <head>):

<!--[if IE]>
<style type="text/css">
.testarea a  {display:inline-block; border:4px solid black}
.testarea a img {border: none}
.testarea a:hover {border: 4px solid red}
</style>
<![endif]-->

Det som står mellan <!--[if IE]> och <![endif]--> kommer bara att läsas av MSIE (för alla andra ser detta ut som vanliga kommentarer ;) )

Läs mer på http://msdn.microsoft.com/workshop/author/dhtml/overview/ccomment_ovw.asp

130 ms totalt · 3 externa anrop · v20260731065814-full.2b84b982
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
126 ms — hämta tråd, inlägg och bilagor (db)