Firefox가 CSS 헤더를 올바르게 표시하지 않음

에릭

Firefox가 내 CSS 헤더를 올바르게 표시하지 않는 유일한 브라우저 인 것 같습니다. 위와 아래 모두에 남색 테두리가 있어야하며 Chrome 및 IE에서 올바르게 표시됩니다. CSS를 배너에 게시하겠습니다. Firefox는 내가 검사 할 때 요소를 "div clear"로 표시합니다.

이것이 제가 말하는 웹 페이지입니다 : 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

HTML 및 CSS가 div를 올바르게 배치하지 않음

분류에서Dev

<object>를 통해 포함 된 HTML / CSS가 올바르게 표시되지 않음

분류에서Dev

imshow ()가 이미지를 올바르게 표시하지 않음

분류에서Dev

UIPickerView가 이미지를 올바르게 표시하지 않음

분류에서Dev

Bootstrap Datepicker가 날짜를 올바르게 표시하지 않음

분류에서Dev

wampserver가 바닥 글과 헤더 또는 CSS를 표시하지 않음

분류에서Dev

`javax.filter.Filter`가 CORS 헤더를 올바르게 추가하지 않음

분류에서Dev

UL / LI CSS 코드가 상단 메뉴를 올바르게 표시하지 않음

분류에서Dev

CSS / HTML 메뉴가 올바르게 표시되지 않음

분류에서Dev

크롬에서 CSS가 올바르게 표시되지 않음

분류에서Dev

CSS 그리드가 열 크기를 올바르게 조정하지 않음

분류에서Dev

CSS : 브라우저가 패딩 %를 올바르게 계산하지 않음

분류에서Dev

iOS 시뮬레이터가 TextFields를 올바르게 표시하지 않음

분류에서Dev

CloudFront가 S3에서 Access-Control-Allow-Origin 헤더를 올바르게 다시 전달하지 않음

분류에서Dev

Apache가 PHP 페이지를 올바르게 표시하지 않음

분류에서Dev

CSS 문제로 인해 IE 및 Firefox에서 페이지가 올바르게 표시되지 않음

분류에서Dev

Angular JS ng-repeat가 데이터를 올바르게 표시하지 않음

분류에서Dev

CSS3 : Firefox에서 들쭉날쭉 한 테두리가 올바르게 표시되지 않음

분류에서Dev

ALB가 응답 헤더를 올바르게 전파하지 않습니다.

분류에서Dev

http-auth-interceptor가 헤더를 올바르게 설정하지 않습니다.

분류에서Dev

CSS 드롭 섀도우 효과가 올바르게 표시되지 않음

분류에서Dev

CSS 오버레이 div가 올바르게 표시되지 않음

분류에서Dev

CSS 회전 된 텍스트가 올바르게 표시되지 않음

분류에서Dev

Cordova- jQuery 및 CSS 코드가 올바르게 표시되지 않음

분류에서Dev

PHPMailer가 헤더의 문자 집합을 올바르게 설정하지 않음

분류에서Dev

HTML / CSS-Div가 올바르게 정렬되지 않음

분류에서Dev

CSS가 올바르게로드되지 않음

분류에서Dev

Dojo StackContainer가 위젯을 올바르게 표시하지 않음

Related 관련 기사

  1. 1

    Firefox에서 헤더가 올바르게 표시되지 않음

  2. 2

    HTML 및 CSS가 div를 올바르게 배치하지 않음

  3. 3

    <object>를 통해 포함 된 HTML / CSS가 올바르게 표시되지 않음

  4. 4

    imshow ()가 이미지를 올바르게 표시하지 않음

  5. 5

    UIPickerView가 이미지를 올바르게 표시하지 않음

  6. 6

    Bootstrap Datepicker가 날짜를 올바르게 표시하지 않음

  7. 7

    wampserver가 바닥 글과 헤더 또는 CSS를 표시하지 않음

  8. 8

    `javax.filter.Filter`가 CORS 헤더를 올바르게 추가하지 않음

  9. 9

    UL / LI CSS 코드가 상단 메뉴를 올바르게 표시하지 않음

  10. 10

    CSS / HTML 메뉴가 올바르게 표시되지 않음

  11. 11

    크롬에서 CSS가 올바르게 표시되지 않음

  12. 12

    CSS 그리드가 열 크기를 올바르게 조정하지 않음

  13. 13

    CSS : 브라우저가 패딩 %를 올바르게 계산하지 않음

  14. 14

    iOS 시뮬레이터가 TextFields를 올바르게 표시하지 않음

  15. 15

    CloudFront가 S3에서 Access-Control-Allow-Origin 헤더를 올바르게 다시 전달하지 않음

  16. 16

    Apache가 PHP 페이지를 올바르게 표시하지 않음

  17. 17

    CSS 문제로 인해 IE 및 Firefox에서 페이지가 올바르게 표시되지 않음

  18. 18

    Angular JS ng-repeat가 데이터를 올바르게 표시하지 않음

  19. 19

    CSS3 : Firefox에서 들쭉날쭉 한 테두리가 올바르게 표시되지 않음

  20. 20

    ALB가 응답 헤더를 올바르게 전파하지 않습니다.

  21. 21

    http-auth-interceptor가 헤더를 올바르게 설정하지 않습니다.

  22. 22

    CSS 드롭 섀도우 효과가 올바르게 표시되지 않음

  23. 23

    CSS 오버레이 div가 올바르게 표시되지 않음

  24. 24

    CSS 회전 된 텍스트가 올바르게 표시되지 않음

  25. 25

    Cordova- jQuery 및 CSS 코드가 올바르게 표시되지 않음

  26. 26

    PHPMailer가 헤더의 문자 집합을 올바르게 설정하지 않음

  27. 27

    HTML / CSS-Div가 올바르게 정렬되지 않음

  28. 28

    CSS가 올바르게로드되지 않음

  29. 29

    Dojo StackContainer가 위젯을 올바르게 표시하지 않음

뜨겁다태그

보관