Forum Moderators: not2easy
Below code works fine on Firefox, however does not work on Opera. It seems like width issue, but I am still not getting it.
CSS Code
.premier {
background-image : url(../images/bg001.gif);
background-position : bottom;
background-repeat : no-repeat;
width : 645px;
height : 125px;
float : left;
border-width : 1px; /*above image has curve ending bg with 1px width border, as image is not there, this might give the idea about the error I am referring to*/
border-style : solid; /* replacement for above image*/
}
.title {
float : left;
text-align : left;
width : 475px;
padding : 5px 10px 5px 10px;
line-height : 12px;
font-size : 12px;
background-color : #D0E3F0;
font-weight : bold;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
color : #00008B;
}
.phone {
float : left;
text-align : right;
text-decoration : underline;
width : 150px;
padding : 5px 0px 5px 0px;
line-height : 12px;
font-size : 12px;
background-color : #D0E3F0;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.description {
float : left;
width : 490px;
text-align : justify;
padding : 10px 5px 5px 10px;
font-size : 12px;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.image {
float : left;
width : 120px;
text-align : right;
padding : 10px 10px;
}
HTML Code
<div class='premier'>
<div class='title'>Company Name Goes Here</div>
<div class='phone'>1-800-123-4567</div><br>
<div class='description'>Test description content here, it can be anything about the product or services offered by user. Test description content here, it can be anything about the product or services offered by user. Test description content here, it can be anything about the product or services offered by user.</div><div class='image'><img border="0" src="images/120x60.jpg" width="120" height="60"></div>
</div>
If you use the above code, you will notice that in Firefox it is working properly, however in IE & Opera there is a blank space on right hand side. Any idea on how do I fix the code so it would work with all IE, Opera & Firefox too?
Thank you for the help.