Мой Navbar неправильно установлен в FF

голоса
0

В то есть Navbar правильно расположен, по центру в верхней части. Однако в FF он перемещается весь путь направо. Я просмотрел код и до сих пор не могу понять это. Есть идеи? Заранее спасибо!

#wrapper
{
display: block;
border: 0px solid red;
width: 896px; /*background:white;*/
margin: 0em auto;
padding: 0em;
display: block;
text-align: left;
height: auto;
}
#wrapperInner
{
display: block;
border: 0px solid red;
width: 896px; /*background:white;*/
margin: 0em auto;
padding: 0em;
display: block;
height: auto;
}

/*Menu----------------------------------------------------*/

/*------Tabs---------*/

#tabNav
{
width: 895px;
border: 0px solid red;
}

#tabNav table
{
width: 895px;
border: 0px solid red;
}
#tabNav td
{
border: 0px solid blue;
padding: 0px;
vertical-align: middle;
}
#tabNav img
{
padding: 0px;
vertical-align: bottom;
}

<div id=tabNav>
<table border=0 cellspacing=0 cellpadding=0>
    <tr>
        <td id=MainNavigation1_tab0 align=center valign=bottom class=tabPos1-OffHome>
            &nbsp;</td>

        <td id=MainNavigation1_tab1 align=center valign=top class=tabOffHome style=vertical-align: top;>
            <a href=ourMenu.aspx class=navLink>
                <img id=MainNavigation1_imgOurMenu onMouseOver=this.src='images/tabMenuOvr.gif'; onMouseOut=this.src='images/tabMenuOff.gif'; src=images/tabMenuOff.gif style=border-width:0px; /></a></td>

        <td id=MainNavigation1_tab1Over valign=bottom class=tabOverlapOffHome>
            &nbsp;</td>

        <td id=MainNavigation1_tab2 align=center class=tabOffHome style=vertical-align: top;>
            <a class=navLink href=account.aspx>
                <img id=MainNavigation1_imgExpress onMouseOver=this.src='images/tabExpressOvr.gif'; onMouseOut=this.src='images/tabExpressOff.gif'; src=images/tabExpressOff.gif style=border-width:0px; /></a></td>

        <td id=MainNavigation1_tab2Over valign=bottom class=tabOverlapOffHome2>
            &nbsp;</td>

        <td id=MainNavigation1_tab3 align=center class=tabOff style=vertical-align: top;>
            <a class=navLink href=customerCenter.aspx>
                <img id=MainNavigation1_imgCustomer onMouseOver=this.src='images/tabCustCareOvr.gif'; onMouseOut=this.src='images/tabCustCareOff.gif'; src=images/tabCustCareOff.gif style=border-width:0px; /></a></td>

        <td id=MainNavigation1_tab3Over valign=bottom class=tabOverlapOff>
            &nbsp;</td>

        <td id=MainNavigation1_tab4 align=center class=tabOff style=vertical-align: top;>
            <a class=navLink href=ordering.aspx>

                <img id=MainNavigation1_img101 onMouseOver=this.src='images/tabOrder101Ovr.gif'; onMouseOut=this.src='images/tabOrder101Off.gif'; src=images/tabOrder101Off.gif style=border-width:0px; /></a></td>

        <td id=MainNavigation1_tab4Over valign=bottom class=tabOverlapOff>
            &nbsp;</td>

        <td id=MainNavigation1_tab5 align=center class=tabOff style=vertical-align: top;>
            <a class=navLink href=skinnyUs.aspx>
                <img id=MainNavigation1_imgSkinny onMouseOver=this.src='images/tabSkinnyOvr.gif'; onMouseOut=this.src='images/tabSkinnyOff.gif'; src=images/tabSkinnyOff.gif style=border-width:0px; /></a></td>

        <td id=MainNavigation1_tab5Over valign=bottom class=tabOverlapOff>

            &nbsp;</td>

        <td id=MainNavigation1_tab6 align=center class=tabOff style=vertical-align: top;>
            <a class=navLink href=joinUs.aspx>
                <img id=MainNavigation1_imgJoin onMouseOver=this.src='images/tabJoinUsOvr.gif'; onMouseOut=this.src='images/tabJoinUsOff.gif'; src=images/tabJoinUsOff.gif style=border-width:0px; /></a></td>

        <td id=MainNavigation1_tab6Over valign=bottom class=tabOverlapOff>
            &nbsp;</td>

        <td id=MainNavigation1_tab7 align=center class=tabOff style=padding-left: 7px; vertical-align: top;>

            <a class=navLink href=faqs.aspx>
                <img id=MainNavigation1_imgFAQs onMouseOver=this.src='images/tabFaqsOvr.gif'; onMouseOut=this.src='images/tabFaqsOff.gif'; src=images/tabFaqsOff.gif style=border-width:0px; /></a></td>

        <td id=MainNavigation1_tab7Over align=center class=tabPos7-Off>
            &nbsp;</td>

    </tr>
    <tr id=MainNavigation1_trLowerNav>
<td id=MainNavigation1_tdLowerNav class=bgMenuHome-Off colspan=15>
            <!--inner tab nav-->

            <div id=MainNavigation1_subNavHome class=subNav>
                <br />
            </div>
Задан 23/06/2011 в 22:26
источник пользователем
На других языках...                            


3 ответов

голоса
1

Добавить float:leftв #tabNav table. Выглядит идеально подходит для меня в Firefox 5.

Ответил 27/06/2011 в 16:24
источник пользователем

голоса
0

Я подключил свой код и нашел ответ. Все, что вам нужно сделать, это добавить следующий код в #tabnav ид

Маржа: 0 авто;

Ответил 28/06/2011 в 05:33
источник пользователем

голоса
0

у вас есть доктайп объявленного в верхней части документа? Если нет, то вам нужно ...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Кроме того, почему вы используете таблицы?

Ответил 23/06/2011 в 23:31
источник пользователем

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more