Safari 브라우저에서 플로트가 엉망이 됩니다.

StackOverflow https://stackoverflow.com/questions/50280

  •  09-06-2019
  •  | 
  •  

문제

나는 부동 소수점을 사용하여 콘텐츠의 다양한 섹션을 표시하는 매우 빠르게 만든 사이트를 가지고 있습니다.플로팅된 콘텐츠와 추가 여백이 있는 콘텐츠는 모두 FF/IE에서 괜찮아 보이지만 Safari에서는 div 중 하나가 완전히 숨겨져 있습니다.나는 전환을 시도했다 padding 그리고 position:relative, 그러나 나에게는 아무것도 효과가 없었습니다.오른쪽에 표시하기 위해 코드를 꺼내면 다시 표시되지만 플로팅된 콘텐츠 아래에 표시됩니다.

문제를 일으키는 것으로 보이는 CSS의 주요 섹션은 다음과 같습니다.

#settings{
    float:left;
}

#right_content{
    margin-top:20px;
    margin-left:440px;
    width:400px;
}

#settings div에 크기를 지정하는지 여부에 관계없이 동일한 결과가 제공됩니다.어떤 아이디어라도 감사하겠습니다.

사이트는 다음에서 이용 가능합니다: http://frickinsweet.com/tools/Theme.mvc.aspx 소스 코드를 보려면.

도움이 되었습니까?

해결책

색상 선택기가 생성하는 마크업에 오류가 있다고 생각합니다.페이지를 저장하고 색상 선택기의 해당 코드를 제거했는데 IE/FF/SF에서 제대로 렌더링됩니다.

다른 팁

#right_content div를 오른쪽으로 플로팅해 보셨나요?

#right_content{
  float: right;
  margin-top: 20px;
  width: 400px;
}

죄송합니다. 그 부분도 언급했어야 했는데.나는 해당 콘텐츠를 오른쪽으로 플로팅해 보았고 추가로 왼쪽으로 플로팅하고 두 div가 모두 왼쪽:0에서 시작하여 오른쪽 여백을 설정하면 위로 이동할 것이라는 생각으로 위치를 설정해 보았습니다.

감사해요

미리 수정해야 할 몇 가지 사항은 다음과 같습니다.

  1. 당신의 <style> 태그가 들어있습니다 <body>, 다음에 속할 때 <head>

  2. 인라인 스타일 중 하나에 "실제" 오타가 있습니다.

    <a href="http://feeds.feedburner.com/ryanlanciaux" style="position:realtive; top:-6px;">

귀하의 페이지를 다음으로 가져오십시오. 확인;이렇게 하면 실제 문제를 훨씬 쉽게 디버깅할 수 있습니다.

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top