As the subject says: header size is about 800w x 100h, displays perfectly in firefox, safari, chrome but about just half the height and 3/4 of the width in IE.
Any ideas?
As the subject says: header size is about 800w x 100h, displays perfectly in firefox, safari, chrome but about just half the height and 3/4 of the width in IE.
Any ideas?
Try to set both min-height and height value into your logo CSS code. Like this:
#main_body h1
{
background-color:#dedede;
margin:0;
min-height:100px;
height:100px;
padding:0;
text-decoration:none;
text-indent:-8000px;
background-image: url('../../../images/machform.gif');
background-repeat: no-repeat;
}
#main_body h1 a
{
display:block;
min-height:100px;
height:100px;
overflow:hidden;
}Thanks, that seems to fix the height. Any ideas on the width?
Try to search these code in CSS form
#form_container
{
background:#fff;
border:1px solid #ccc;
margin:0 auto;
text-align:left;
width:640px;
}
#top
{
display:block;
height:10px;
margin:10px auto 0;
width:650px;
}
#footer
{
width:640px;
clear:both;
color:#999999;
text-align:center;
width:640px;
padding-bottom: 15px;
font-size: 85%;
}
#bottom
{
display:block;
height:10px;
margin:0 auto;
width:650px;
}
then replace the width value with
width:800px;Thanks for the reply. But I already did that prior to this issue as I mentioned before, everything displays fine on firefox, safari and chrome. It just doesn't display as it should in IE.
Hmm ... could you send the form url ?
Nevermind, I missed something in the CSS file, thanks for all your help, Redityo and Yuniar.
You must log in to post.