2011-09-23 8 views
2

이 웹 사이트를 디자인했으며 firefox/Linux 운영 체제 사용자를 위해 올바르게 렌더링되는 방식으로 요소 (div # endinglogo)를 배치 할 수 없었습니다.Linux OS를 사용하는 Firefox의 CSS 요소 여백

http://motivacionenlinea.com/

나는 윈도우 7의 모든 브라우저에서 함께 일하고, 그리고 디자인을 내 운영 체제와 함께 파이어 폭스에서 정상적으로 보이지만, 내 추측은 근무 한 적이없는 파이어 폭스/리눅스를 해결하기 위해.

제 질문은 요소 div # endinglogo가 올바른 위치에 나타나기 위해 제공하는 적절한 여백입니다.

아래에 두 개의 이미지가 첨부되었습니다.

나는 헤더를 보는 방법을 첫 번째 쇼

: http://postimage.org/image/rtgr3pqc/

내가 PHP 파일을 가지고 : 리눅스 운영 체제를 사용하는 경우 http://postimage.org/image/rsd27dvo/

두 번째 쇼를 내가 들었다 방법은 브라우저 파이어 폭스에 나타납니다 이 파일은 firefoxLinux.css 파일을 제공합니다. firefox/linux를 통해이 웹 사이트를 볼 때이 파일이로드되고 있습니까?

당신이 당신의 div#endinglogo에 대해 다른 부정적인 위쪽 여백이, 당신의 firefox.css에 도움

+2

FF로 설치 했으므로 Firebug를 설치하고 CSS 설정 (특히 계산 된 값)을 살펴보고 계산 된 값이 다른 요소 (레이아웃 차이)를 파악합니다. –

+0

대답 해주세요, 마크. +1 –

+0

나는 윈도우 7에서 일하고 있으며, FIREBUG를 사용하더라도 FireFox Linuz 운영 체제 디스플레이에서 올바른 여백을 제대로 측정 할 수 없다. 내가 찾고있는 것은 리눅스 운영체제 사용자가 파이어 폭스에 가서 나를 위해이 조치를 취하는 것이다. 이후로는이 작업을 수행 할 수 없기 때문에 운영 체제가 다릅니다. – IberoMedia

답변

1

주셔서 감사합니다. 으로 만드십시오 (귀하의 chrome.css 파일에있는 것과 같습니다).

그러나 관련 사이드 위트에서 다른 브라우저에 대해 여러 개의 스타일 시트를 만드는 이유는 무엇입니까? 대부분의 경우 브라우저와 운영 체제에서 일관되게 작동하는 솔루션이 있으며 경우에 따라서는 특별한 스타일 (예 : IE, Firefox의 이전 버전)이 필요합니다. 나는 당신이 당신의 스타일을 통합한다면 당신은 덜 문제가 될 것이라고 생각합니다. 물론 그것은 단지 나의 두 센트입니다.

+0

문제는 firefox.css에 -110을 추가하면 페이지가 Windows에서 잘못 표시된다는 것입니다. 이것이 firefoxLinux.css를 만든 이유입니다. firefoxLinux.css 대신 firefox.css를 검색 했으므로 firefox/Linux CSS 파일이로드되지 않는다고 상상해보십시오. – IberoMedia

+0

코드를 변경했습니다. firefoxLinux.css가로드되었는지 확인할 수 있습니까? firefoxLinux.css 파일에서 -110px의 여백을 설정했습니다. – IberoMedia

+0

Linux/Firefox 3.6에서 문제가 발생하지 않습니다. firefoxLinux.css를로드 중입니다. 하지만 저는 다른 OS에서 동일한 브라우저를 지원하기 위해 이러한 종류의 해킹을해야한다는 것에 정말로 놀랐습니다. – Spudley