css - CSS のポジショニングメニュー

Question

この公開 SharePoint 2013 Web サイトの CSS に問題があります。メニューはヘッダー画像の真上に配置する必要がありますが、Firefox では、タイトルのみのページレイアウトと、タイトルと画像を含むページレイアウトの両方が、メニューの下ではなく横に配置されます。

IE と Chrome では、見出しはあるがヘッダー画像がないページレイアウトのみがめちゃくちゃになります。

score 1 · Accepted Answer

.logo{float:left;}

の幅を減らしますul.dropdown

後に clear:both を追加することを忘れないでくださいul.dropdown

score 0 · Accepted Answer

.logo{float:left;}

指定された div に ul.dropdown を配置します

<div style="float:left" class="navication"> 
  your ul.dropdown
</div>

CSS

ul.dropdown
{
  float: left;
  position: absolute;  
}

あなたのul.dropdownを減らします

css - CSS のポジショニング メニュー