Horisontale knapper i Firefox bliver til vertikale i Internet explorer
Jeg hader cross-browser inkompatibilitet.. og denne her kan jeg ikke finde svar på nogen steder og lige meget hvad jeg gør, så ødelægger den mere end jeg får fixet :-)Det drejer sig om denne side:
http://www.davinci.dk/kontakt/bestil-prototyper-her.html
Når man scroller lidt ned, så skal man afkrydse et par rubrikker (knapper). Fx under "anvendelse" kan man krydse "foto, synsmodel eller funktionsmodel" af.
De står pænt ved siden af hinanden i Firefox.
Men ser man på det i Internet explorer, så står de nedenunder hinanden.
Hvordan retter jeg ind, så de står ved siden af hinanden i Internet Explorer..
Display: inline fungerer ikke efter hensigten for mig.
CSS'en for check buttons er:
/* */
/* check boxes */
/* */
.cform input.cf-box-a,
.cform input.cf-box-b {
vertical-align:top;
margin:2px 0 0 0;
width:16px;
height:22px;
border:none;
background:none;
}
/* */
/* check box groups */
/* */
ol.cf-ol li.cf-box-group {
padding: 0 0 5px 0;
}
Nogen der kan hjælpe med dette ?!
På forhånd tak
Brian