CSS - margin problemer i IE

[exmx]

Internet Explorer:

 

 

Alle andre browsere (Rett):

 

 

CSSen til overskriften ser slik ut:

 

.smallheading { 
 float: left; 
 width: 100%; 
 font-size: 13pt; 
 font-weight: bold;
 line-height: 24px; 
 color: #721923; 
 margin-bottom: 5px;
}

 

HTML:

 

<span class="smallheading">In pretium blandit gravida.</span>
<br/>
Nunc sollicitudin risus ut purus consectetur sit amet aliquam

 

Finnes det en måte å fikse dette på uten å fjerne <br /> under overskriften?

Endret 17. desember 2009 av exmx

[funkyboy]

Det er vel sannsynligvis tatt ikke annet enn clear: both; du tenger å sette inn som attributt i .smallheading for at du kan fjerne break- taggen. Dette sørger for at denne klassen ikke tillater (floated) innhold på noen av sidene.

 

Edit: Jeg ser du skriver du ikke ønsker å måtte fjerne break- taggen. Du kan evt. style br (til å ha height: 0; eller lignende) i divideren dette gjelder.

 

Edit 2: Du kan også bruke jQuery til å selecte denne break- taggen fra DOM, og fjerne den.

Endret 17. desember 2009 av funkyboy

[exmx]

Det er vel sannsynligvis tatt ikke annet enn clear: both; du tenger å sette inn som attributt i .smallheading for at du kan fjerne break- taggen. Dette sørger for at denne klassen ikke tillater (floated) innhold på noen av sidene.

 

Edit: Jeg ser du skriver du ikke ønsker å måtte fjerne break- taggen. Du kan evt. style br (til å ha height: 0; eller lignende) i divideren dette gjelder.

 

Edit 2: Du kan også bruke jQuery til å selecte denne break- taggen fra DOM, og fjerne den.

 

It worked! takker

[lassejl]

Ville nok blitt det samme om du hadde satt display:block; på smallheading, men hvorfor ikke bruke <h1-6> tag for en heading istedet for en span?