[youheardit]

Hejsan!
har ett problem med padding i textbox, det funkar klockrent i Chrome, men i firefox blir det fel (kolla bifogad bild)

CSS:

background: #ffffff url(globe_field.png) no-repeat left center;
padding: 7px 45px;
width: 320px;
height: 27px;
border: 1px #b1b1b1 solid;
float: left;
font-size: 14px;
font-weight: bold;

tacksam för svar!
med vänliga hälsningar!
//Philip Andersson!

[kw_wasabi]

Du kanske behöver skriva ut alla mått i paddingen.

padding: 7px 45px 0px 0px; (top, right, bottom, left)

[Lindahl]

Ursprungligen postat av kw_wasabi

Du kanske behöver skriva ut alla mått i paddingen.

padding: 7px 45px; är detsamma som padding: 7px 45px 7px 45px;

[youheardit]

när jag googleade fick jag oxå upp detta svar. men utan resultat i firefox, fast kan problemet vara att jag använder den "inbyggda" firefoxen till ubuntu 9.10 ? kanske är en annan version!

[allstars]

Ursprungligen postat av youheardit

Hejsan!
har ett problem med padding i textbox, det funkar klockrent i Chrome, men i firefox blir det fel (kolla bifogad bild)

CSS:

background: #ffffff url(globe_field.png) no-repeat left center;
padding: 7px 45px;
width: 320px;
height: 27px;
border: 1px #b1b1b1 solid;
float: left;
font-size: 14px;
font-weight: bold;

tacksam för svar!
med vänliga hälsningar!
//Philip Andersson!

Hur ser stilen på rubriken och övrigt innehåll ut?

[Header]

Vad händer om du lägger till en rad med line-height : 27px

[rhdf]

ett ytterligare tips är att använda text-indent för att "komma förbi" bakgrundsbilden
dvs
text-indent:<bakgrundsbildens bredd + 5px>

[mephisto73]

Jag gillar den här lösningen (kanske inte är ett alternativ i ditt fall, men)

CSS:

.iconGlobe  {padding: 10px 15px 10px 40px; background: transparent url(globe_field.png) no-repeat center left;}

.textBox {padding:1em;}

Markup:

<div class="textBox">
     <span class="iconGlobe">Din text här</span>
</div>