| Код |
#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&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>
|
|
[Safari , Chrome] CSS Fail 
Дата 1.7.2010, 08:21 (
Загрузка ...
