2011-01-05 9 views
2

Ich habe Probleme mit der vertikalen Ausrichtung in Firefox/Chrome.Wie behebe ich die vertikale Label/Radio-Ausrichtung om CSS?

Aus irgendeinem Grund sind meine Optionsfelder um ein paar Pixel versetzt.

kann ich eine von ihnen ausrichten, aber die anderen vermissen ausrichten entsprechend

http://www.blueskycouncil.com/details_idea.php?itemid=36

(melden Sie sich mit try/me)

+0

Sieht gut aus mir auf FF 3.6.x auf Mac - http://i53.tinypic.com/viog92.png – drudge

+0

Scheint etwas mit dem .radio ul li Etikett {} css Feinabstimmung um den Rand oben zu sein Da drin bekomme ich mehr inline Tests in Chrom. – shaunhusain

Antwort

5
... 
<li> 
    <label>test</label> 
    <input type="radio" /> 
</li> 
... 

label,input { 
    vertical-align:middle; 
} 
label { 
    display:inline; /* display:block; and float:left; are useless */ 
    margin:0 5px 0 0; /* same for margin-top */ 
} 
input { 
    height:auto; 
} 

Es sollte Etikett und Eingabe ausrichten in meiste Fälle.

+0

thnx das half – ThomPete

+0

Schön! Ich hatte stundenlang mit den Browsern gekämpft, die meine Layout-Tipps ignorierten –

Verwandte Themen