Blog om foto, web og brugervenlighed

Minimum height på div-tag i IE (internet explorer)

Jeg er et par gange stødt på det problem, at div-tags i Internet Explorer ikke kan blive mindre end ca. 10-15 pixels i højden. Det har ofte irriteret mig, når jeg har brugt et div-tag til at lave en eller anden form for bjælke/skille linie, og jeg ikke har villet bruge et hr-tag.

Løsningen

Jeg har forgæves ledt efter en løsning på denne “bug”. Nu lykkedes det endelig selv at fifle mig frem til en løsning.

Jeg satte et tomt p-tag in i div-tagget og satte så CSS’en til:

#tomdiv p{
       margin: 0px;
       padding: 0px;
}

Og problemet var løst.