FirefoxがCSSヘッダーを正しく表示しない

エリック

Firefoxは私のCSSヘッダーを正しく表示していない唯一のブラウザのようです。その上と下の両方に紺色の境界線があるはずであり、ChromeとIEで正しく表示されます。CSSをバナーに投稿します。Firefoxは、要素を検査すると「divclear」として表示されます。

これは私が話しているウェブページです:http//www.lymemd.org

CSS:

@import url(http://fonts.googleapis.com/css?family=Open+Sans:700);
#cssmenu {
  background: #8EBD0F;
  width: auto;
}
#cssmenu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  line-height: 1;
  display: block;
  zoom: 1;
}
#cssmenu ul:after {
  content: ' ';
  display: block;
  font-size: 0;
  height: 0;
  clear: both;
  visibility: hidden;
}
  #cssmenu ul li {
  float: left;
  display: block;
  padding: 0;
}
#cssmenu ul li a {
  color: #ffffff;
  text-decoration: none;
  display: block;
  padding: 15px 25px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 14px;
  position: relative;
  -webkit-transition: color .25s;
  -moz-transition: color .25s;
  -ms-transition: color .25s;
  -o-transition: color .25s;
  transition: color .25s;
}
#cssmenu ul li a:hover {
  color: #333333;
}
#cssmenu ul li a:hover:before {
  width: 100%;
}
#cssmenu ul li a:after {
  content: '';
  display: block;
  position: absolute;
  right: -3px;
  top: 19px;
  height: 6px;
  width: 6px;
  background: #ffffff;
  opacity: .5;
}
#cssmenu ul li a:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  width: 0;
  background: #333333;
  -webkit-transition: width .25s;
  -moz-transition: width .25s;
  -ms-transition: width .25s;
  -o-transition: width .25s;
  transition: width .25s;
}
#cssmenu ul li.last > a:after,
#cssmenu ul li:last-child > a:after {
  display: none;
}
#cssmenu ul li.active a {
  color: #333333;
}
#cssmenu ul li.active a:before {
  width: 100%;
}
@media screen and (max-width: 768px) {
  #cssmenu ul li {
    float: none;
  }
#cssmenu ul li a {
  width: 100%;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
}
 #cssmenu ul li a:after {
  display: none;
}
#cssmenu ul li a:before {
 height: 1px;
 background: #ffffff;
 width: 100%;
 opacity: .2;
}
 #cssmenu ul li.last > a:before,
  #cssmenu ul li:last-child > a:before {
    display: none;
  }
}
エリック

結局、私は単に終了divタグを見逃していました-それ以上のものはありません。

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

Firefoxでヘッダーが正しく表示されない

分類Dev

DataGridViewが設計時に列ヘッダーを正しく表示しない

分類Dev

SwitchInヘッダーが正しく表示されない

分類Dev

Jqgrid列ヘッダーボタンが正しく表示されない

分類Dev

Firefoxが<DIV>を正しく表示しない-HTML / CSS

分類Dev

パンダがヘッダーを正しく読み取っていない

分類Dev

jqueryの固定ヘッダーが正しく機能しない

分類Dev

`javax.filter.Filter`がCORSヘッダーを正しく追加しない

分類Dev

cURLヘッダーが正しく受信されない

分類Dev

jquerydatatable列ヘッダーが正しく更新されない

分類Dev

Nginxヘッダーが正しく認識されない

分類Dev

ドロップダウンメニューが正しく表示されないcss修正ヘッダーの問題

分類Dev

npmでマークダウンヘッダーが正しく表示されない

分類Dev

DataTables:ヘッダーにドット(。)が含まれる列が正しく表示されない

分類Dev

オンラインフォームの電子メールヘッダーが正しく表示されない

分類Dev

PHPヘッダー()が正しくリダイレクトされない

分類Dev

GZipStreamがヘッダーのマジックナンバーが正しくないと文句を言う

分類Dev

Javaでzlibを使用して解凍する(ヘッダーチェックが正しくない)

分類Dev

Node Expressの提供は、正しいヘッダーがなくてもビルドを提供しています

分類Dev

Postmanがヘッダーを表示しないGETのCors

分類Dev

色とヘッダーのあるstd :: clogラッパーが整数を正しく印刷できない

分類Dev

CSSドロップダウンメニューが正しく非表示/表示されない

分類Dev

ALBが応答ヘッダーを正しく伝播していません

分類Dev

ヘッダーがAndroidで正しく設定されない-Retrofit

分類Dev

Firefoxでブートストラップ列が正しく表示されない

分類Dev

Firefoxがsvgを正しくレンダリングしない

分類Dev

FirefoxとExplorerでページが正しく表示されない

分類Dev

FirefoxでHTMLメールが正しく表示されない

分類Dev

CSSドロップダウンメニューが正しく表示されない

Related 関連記事

  1. 1

    Firefoxでヘッダーが正しく表示されない

  2. 2

    DataGridViewが設計時に列ヘッダーを正しく表示しない

  3. 3

    SwitchInヘッダーが正しく表示されない

  4. 4

    Jqgrid列ヘッダーボタンが正しく表示されない

  5. 5

    Firefoxが<DIV>を正しく表示しない-HTML / CSS

  6. 6

    パンダがヘッダーを正しく読み取っていない

  7. 7

    jqueryの固定ヘッダーが正しく機能しない

  8. 8

    `javax.filter.Filter`がCORSヘッダーを正しく追加しない

  9. 9

    cURLヘッダーが正しく受信されない

  10. 10

    jquerydatatable列ヘッダーが正しく更新されない

  11. 11

    Nginxヘッダーが正しく認識されない

  12. 12

    ドロップダウンメニューが正しく表示されないcss修正ヘッダーの問題

  13. 13

    npmでマークダウンヘッダーが正しく表示されない

  14. 14

    DataTables:ヘッダーにドット(。)が含まれる列が正しく表示されない

  15. 15

    オンラインフォームの電子メールヘッダーが正しく表示されない

  16. 16

    PHPヘッダー()が正しくリダイレクトされない

  17. 17

    GZipStreamがヘッダーのマジックナンバーが正しくないと文句を言う

  18. 18

    Javaでzlibを使用して解凍する(ヘッダーチェックが正しくない)

  19. 19

    Node Expressの提供は、正しいヘッダーがなくてもビルドを提供しています

  20. 20

    Postmanがヘッダーを表示しないGETのCors

  21. 21

    色とヘッダーのあるstd :: clogラッパーが整数を正しく印刷できない

  22. 22

    CSSドロップダウンメニューが正しく非表示/表示されない

  23. 23

    ALBが応答ヘッダーを正しく伝播していません

  24. 24

    ヘッダーがAndroidで正しく設定されない-Retrofit

  25. 25

    Firefoxでブートストラップ列が正しく表示されない

  26. 26

    Firefoxがsvgを正しくレンダリングしない

  27. 27

    FirefoxとExplorerでページが正しく表示されない

  28. 28

    FirefoxでHTMLメールが正しく表示されない

  29. 29

    CSSドロップダウンメニューが正しく表示されない

ホットタグ

アーカイブ