Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > Вёрстка веб-сайтов > [Safari , Chrome] CSS Fail


Автор: A5uKa 1.7.2010, 08:21
Код

#nav-main {
    background:#527AB6 url(../../images/bg-nav.png) no-repeat;
    margin-left:auto;
    margin-right:auto;
    width:1222px;
    padding:.8em 0 1em 20px;
    position:relative;
    font-weight:bold;
}

#nav-main div {
    background:#4b6cb5 url(../../images/bg-nav-side.png) top right no-repeat;
    width:25%;
    _width:25.5%;
    position:absolute;
    top:0;
    right:0;
    padding:.8em 0 1em 0;
}

#nav-main ul {
    margin:0;
    padding:0 20% 0 0;
    }


Меню.

Эти браузеры сужают шапку с навигационным меню по вертикали и элементы скукоживаются по центру близко друг к другу .

Как это чинится ?

п.с. она делает так со всеми элементами типа asp:Menu

например - 

Код

                    <asp:Menu ID="Menu3" runat="server" Orientation="Horizontal" Width="850px" StaticSelectedStyle-CssClass="StaticSelectedStyle"
                        Height="52px" StaticSubMenuIndent="18px" OnInit="Menu3_Init" OnMenuItemClick="Menu3_MenuItemClick">
                        <StaticSelectedStyle CssClass="StaticSelectedStyle"></StaticSelectedStyle>
                        <Items>
                            <asp:MenuItem Text="Test" />
                        </Items>
                    </asp:Menu>


в HTML 

Вместо должного

Код

<table cellspacing="0" cellpadding="0" border="0" class="ctl00_ContentPlaceHolder1_Menu3_2" id="ctl00_ContentPlaceHolder1_Menu3">
    <tbody><tr>
        <td id="ctl00_ContentPlaceHolder1_Menu3n0" onkeyup="Menu_Key(event)" onmouseout="Menu_Unhover(this)" onmouseover="Menu_HoverStatic(this)"><table width="100%" cellspacing="0" cellpadding="0" border="0" class="StaticSelectedStyle ctl00_ContentPlaceHolder1_Menu3_4">
            <tbody><tr>
                <td style="white-space: nowrap;"><a style="border-style: none; font-size: 1em;" href="javascript:__doPostBack('ctl00$ContentPlaceHolder1$Menu3','5')" class="ctl00_ContentPlaceHolder1_Menu3_1 StaticSelectedStyle ctl00_ContentPlaceHolder1_Menu3_3">Энергетики          </a></td>
            </tr>
        </tbody></table></td><td style="width: 3px;"></td><td id="ctl00_ContentPlaceHolder1_Menu3n1" onkeyup="Menu_Key(event)" onmouseout="Menu_Unhover(this)" onmouseover="Menu_HoverStatic(this)"><table width="100%" cellspacing="0" cellpadding="0" border="0">
            <tbody><tr>
                <td style="white-space: nowrap;"><a href="javascript:__doPostBack('ctl00$ContentPlaceHolder1$Menu3','2')" class="ctl00_ContentPlaceHolder1_Menu3_1">Хроматограф 1       </a></td>
            </tr>
        </tbody></table></td><td style="width: 3px;"></td><td id="ctl00_ContentPlaceHolder1_Menu3n2" onkeyup="Menu_Key(event)" onmouseout="Menu_Unhover(this)" onmouseover="Menu_HoverStatic(this)"><table width="100%" cellspacing="0" cellpadding="0" border="0">
            <tbody><tr>
                <td style="white-space: nowrap;"><a href="javascript:__doPostBack('ctl00$ContentPlaceHolder1$Menu3','4')" class="ctl00_ContentPlaceHolder1_Menu3_1">Визит-М             </a></td>
            </tr>
        </tbody></table></td><td style="width: 3px;"></td><td id="ctl00_ContentPlaceHolder1_Menu3n3" onkeyup="Menu_Key(event)" onmouseout="Menu_Unhover(this)" onmouseover="Menu_HoverStatic(this)"><table width="100%" cellspacing="0" cellpadding="0" border="0">
            <tbody><tr>
                <td style="white-space: nowrap;"><a href="javascript:__doPostBack('ctl00$ContentPlaceHolder1$Menu3','3')" class="ctl00_ContentPlaceHolder1_Menu3_1">КоммунЭнерго        </a></td>
            </tr>
        </tbody></table></td>
    </tr>
</tbody></table>


Появляется что-то ужасное


Код

                <div id="ctl00_ContentPlaceHolder1_divX" style="margin-left: 30px; float: left;" align="center"> 
                    <a href="#ctl00_ContentPlaceHolder1_Menu3_SkipLink" style="display:inline-block;height:1px;width:1px;"><img src="/FlowWeb%20-%20%d0%ba%d0%be%d0%bf%d0%b8%d1%8f/WebResource.axd?d=G3E7ZJZX25PG89Es6k_Hcw2&amp;t=633802801995006876" alt="Проход по ссылкам навигации" style="border-width:0px;" /></a><div id="ctl00_ContentPlaceHolder1_Menu3" style="height:52px;width:1000px;"> 
    <span class="StaticSelectedStyle ctl00_ContentPlaceHolder1_Menu3_4"><a class="ctl00_ContentPlaceHolder1_Menu3_1 StaticSelectedStyle ctl00_ContentPlaceHolder1_Menu3_3" href="javascript:__doPostBack('ctl00$ContentPlaceHolder1$Menu3','b5')" style="border-style:none;font-size:1em;">Энергетики          </a></span> <span><a class="ctl00_ContentPlaceHolder1_Menu3_1" href="javascript:__doPostBack('ctl00$ContentPlaceHolder1$Menu3','b2')">Хроматограф 1       </a></span> <span><a class="ctl00_ContentPlaceHolder1_Menu3_1" href="javascript:__doPostBack('ctl00$ContentPlaceHolder1$Menu3','b4')">Визит-М             </a></span> <span><a class="ctl00_ContentPlaceHolder1_Menu3_1" href="javascript:__doPostBack('ctl00$ContentPlaceHolder1$Menu3','b3')">КоммунЭнерго        </a></span> 
</div><a name="ctl00_ContentPlaceHolder1_Menu3_SkipLink"></a> 
                </div> 


Автор: A5uKa 1.7.2010, 09:40
Fixed 

Код

<browsers>
  <browser refID="Safari1Plus">
    <controlAdapters>
      <adapter controlType="System.Web.UI.WebControls.Menu"
                       adapterType="" />
    </controlAdapters>
  </browser>
</browsers>


Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)