Div's background + inline
Hey,
Ik zit met een vervelend probleem. In Firefox wordt m'n code perfect getoond, maar zoals gewoonlijk doet IE weer vervelend. Dit is wat ik wil (Firefox screenshot): http://img520.imageshack.us/img520/1200/shoutff.jpg
En dit is hoe het in IE er uit ziet: http://img520.imageshack.us/img520/3905/shouts.jpg
Mijn stukje HTML code:
<input type="submit" name="post_shout" id="shoutbutton" value="" />
<div id="shout_count">200</div>
De display:none heeft te maken omdat ik met Ajax gecombineerd werk.
Mijn CSS:
#shoutbutton {
background: transparent url(images/shout.png) no-repeat;
display: inline-block;
border: none;
height: 23px;
width: 86px;
cursor: pointer;
}
#shout_count {
background: url(images/char_count.png) no-repeat top center;
display: inline-block;
border: none;
height: 23px;
width: 56px;
text-align: center;
padding-top: 5px;
}
Ik zie niet wat er fout is. Als iemand mij zou kunnen wijzen op de fout?
Bedankt!
Ik zit met een vervelend probleem. In Firefox wordt m'n code perfect getoond, maar zoals gewoonlijk doet IE weer vervelend. Dit is wat ik wil (Firefox screenshot): http://img520.imageshack.us/img520/1200/shoutff.jpg
En dit is hoe het in IE er uit ziet: http://img520.imageshack.us/img520/3905/shouts.jpg
Mijn stukje HTML code:
<input type="submit" name="post_shout" id="shoutbutton" value="" />
<div id="shout_count">200</div>
De display:none heeft te maken omdat ik met Ajax gecombineerd werk.
Mijn CSS:
#shoutbutton {
background: transparent url(images/shout.png) no-repeat;
display: inline-block;
border: none;
height: 23px;
width: 86px;
cursor: pointer;
}
#shout_count {
background: url(images/char_count.png) no-repeat top center;
display: inline-block;
border: none;
height: 23px;
width: 56px;
text-align: center;
padding-top: 5px;
}
Ik zie niet wat er fout is. Als iemand mij zou kunnen wijzen op de fout?
Bedankt!
Gewijzigd op 01/01/1970 01:00:00 door Stijn
Ondertussen al zelf gevonden.
--CLOSED--
--CLOSED--
Gelieve Niet Bumpen::
Gewijzigd op 01/01/1970 01:00:00 door Stijn
Zou het niet handig zijn om te laten weten wat de oplossing was, zodat anderen er ook iets aan hebben?
<div style="clear: both;">
<div style="float: left;"></div>
<div style="float: right;"></div>
</div>
<div style="float: left;"></div>
<div style="float: right;"></div>
</div>