Jump to content

Archived

This topic is now archived and is closed to further replies.

aaron118

1px to short problem in firefox?

Recommended Posts

Here is what is should look [a href=\"http://img357.imageshack.us/img357/6646/good5iu.gif\" target=\"_blank\"]like[/a] (in IE and Opera) but this is what it [a href=\"http://img165.imageshack.us/img165/5157/bad0vb.gif\" target=\"_blank\"]looks like[/a] in firefox. As you can see the "Member Info" bar is 1px shorter than it should be. Here is my code:
[!--html--][div class=\'htmltop\']HTML[/div][div class=\'htmlmain\'][!--html1--]<[color=blue]center[/color]><[color=blue]img alt[/color]='[color=orange]' src='/images/customer-area.gif[/color]' />
<[color=blue]form action[/color]='[color=orange]./password_proccess.php[/color]' method='[color=orange]post[/color]'>
<[color=blue]div class[/color]='[color=orange]member-wrap[/color]'>
<[color=blue]div class[/color]='[color=orange]member-left[/color]'>
<[color=blue]div class[/color]='[color=orange]table-top-wrap[/color]'><[color=blue]div class[/color]='[color=orange]table-top[/color]'><[color=blue]h2[/color]>Members Info<[color=blue]/h2[/color]><[color=blue]/div[/color]><[color=blue]/div[/color]>
<[color=blue]table class[/color]='[color=orange]main-table-members[/color]' cellpadding='[color=orange]0[/color]' cellspacing='[color=orange]1[/color]'>
<[color=blue]tr[/color]>
<[color=blue]td class[/color]='[color=orange]column1[/color]' width='[color=orange]100%[/color]'><[color=blue]b[/color]>Welcome John Smith<[color=blue]/b[/color]><[color=blue]br /[/color]><[color=blue]br /[/color]>
• <[color=blue]a href[/color]='[color=orange]/customers/help.php[/color]'>Help Page<[color=blue]/a[/color]><[color=blue]br /[/color]>
• <[color=blue]a href[/color]='[color=orange]/customers/support.php[/color]'>Contact Support<[color=blue]/a[/color]><[color=blue]br /[/color]>
• <[color=blue]a href[/color]='[color=orange]/customers/order.php[/color]'>Products<[color=blue]/a[/color]><[color=blue]br /[/color]>
• <[color=blue]a href[/color]='[color=orange]/customers/email_edit.php[/color]'>Change my email<[color=blue]/a[/color]><[color=blue]br /[/color]>
• <[color=blue]a href[/color]='[color=orange]/customers/password_edit.php[/color]'>Change my password<[color=blue]/a[/color]><[color=blue]br /[/color]>
• <[color=blue]a href[/color]='[color=orange]/customers/logout.php[/color]'>Logout<[color=blue]/a[/color]><[color=blue]/td[/color]>
<[color=blue]/tr[/color]>
<[color=blue]/table[/color]>
<[color=blue]/div[/color]>
<[color=blue]div class[/color]='[color=orange]member-right[/color]'>
<[color=blue]div class[/color]='[color=orange]table-top-wrap[/color]'><[color=blue]div class[/color]='[color=orange]table-top[/color]'><[color=blue]h2[/color]>Change Your Password<[color=blue]/h2[/color]><[color=blue]/div[/color]><[color=blue]/div[/color]>
<[color=blue]table class[/color]='[color=orange]main-table-members[/color]' cellpadding='[color=orange]0[/color]' cellspacing='[color=orange]1[/color]'>
<[color=blue]tr[/color]>
<[color=blue]td class[/color]='[color=orange]column1[/color]' width='[color=orange]50%[/color]' valign='[color=orange]top[/color]'><[color=blue]b[/color]>Your new password:<[color=blue]/b[/color]><[color=blue]/td[/color]>
<[color=blue]td class[/color]='[color=orange]column2[/color]' width='[color=orange]50%[/color]' valign='[color=orange]top[/color]'><[color=blue]input type[/color]='[color=orange]password[/color]' name='[color=orange]password_edit[/color]' /><[color=blue]/td[/color]>
<[color=blue]/tr[/color]>
<[color=blue]tr[/color]>
<[color=blue]td class[/color]='[color=orange]column1[/color]' width='[color=orange]50%[/color]' valign='[color=orange]top[/color]'><[color=blue]b[/color]>Confirm your current password:<[color=blue]/b[/color]><[color=blue]/td[/color]>
<[color=blue]td class[/color]='[color=orange]column2[/color]' width='[color=orange]50%[/color]' valign='[color=orange]top[/color]'><[color=blue]input type[/color]='[color=orange]password[/color]' name='[color=orange]password_edit2[/color]' /><[color=blue]/td[/color]>
<[color=blue]/tr[/color]>
<[color=blue]tr[/color]>
<[color=blue]td class[/color]='[color=orange]column1[/color]' width='[color=orange]50%[/color]' valign='[color=orange]top[/color]'><[color=blue]b[/color]>Confirm your current password:<[color=blue]/b[/color]><[color=blue]/td[/color]>
<[color=blue]td class[/color]='[color=orange]column2[/color]' width='[color=orange]50%[/color]' valign='[color=orange]top[/color]'><[color=blue]input type[/color]='[color=orange]password[/color]' name='[color=orange]password_confirm[/color]' /><[color=blue]/td[/color]>
<[color=blue]/tr[/color]>
<[color=blue]/table[/color]>
<[color=blue]/div[/color]>
<[color=blue]/div[/color]>
<[color=blue]div class[/color]="[color=orange]clear-div[/color]"><[color=blue]br /[/color]><[color=blue]br /[/color]><[color=blue]br /[/color]><[color=blue]/div[/color]>
<[color=blue]input type[/color]="[color=orange]submit[/color]" value="[color=orange]Save Changes[/color]" />
<[color=blue]/form[/color]>
<[color=blue]/center[/color]>[!--html2--][/div][!--html3--]

CSS used:
[code].member-wrap {
    width: 98%;
    text-align: center;
}

.member-left {
    float: left;
    width: 28%;
    /*height: 100%;*/
    text-align: center;
}

.member-right {
    float: right;
    border: 0;
    width: 71%;
    text-align: left;
}

.main-table-members {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 200px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    border-top: 0;
}

.table-top-wrap {
    margin: 0;
    padding: 0;
    border: 1px solid #000000;
    border-bottom: 0;
}

.table-top {
    margin: 0;
    padding: 0;
    height: 25px;
    background: #175299 url("/images/top_bg.gif");
    color: #FFFFFF;
    font-size: 1em;
    text-align: center;
    border: 1px solid #FFFFFF;
    border-bottom: 0;
}

.table-top h2 {
    padding-top: 4px;
    color: #FFFFFF;
    font-size: 1em;
}

.clear-div {
    font-size:1px;
    overflow:hidden;
    clear:both;
}[/code]

I know the problem is caused by the widths in member-right and member-left.

Thanks

Share this post


Link to post
Share on other sites

×

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.