2012-12-27 2 views
2

작은 자바 스크립트 서식있는 텍스트 편집기를 만들었지 만 iframe에서 열 때 특정 개체의 패딩이 올바르지 않습니다. 여기 소스에서 어떻게 보이는지의 이미지입니다 : 나는 iframe에 넣고,이 소스를 사용 correct padding from sourceiFrame 패딩이 소스와 같지 않음

그러나이, 그것은 다음과 같습니다

incorrect padding from iframe

나는 변화 시도 DOCTYPE이고 margin:padding:0px으로 변경했지만 변경된 사항은 없습니다. 나는 이것을 고칠 수 없다. 어떤 도움이라도 대단히 감사하겠습니다. 고맙습니다!

+0

Firebug를 사용하고 잘못 렌더링 된 요소에 대해 스타일 소스를 확인해 보았습니까? – ErikE

+2

내가 볼 수있는 것은 iframe 너비가 충분하지 않아 회색 비트 16,32,64가 다른 행으로 떨어지는 것입니다. 이로 인해 문제가 발생할 수 있습니다. iframe에 너비를 더해보세요. – Raptor

+1

으으! @ ShivanRaptor, 그것은 그 것이었다. iframe에서 오버플로를 허용하는 방법이 있습니까? 나는 colorpicker의 'offset'을 설정하려고 시도했지만, 두 번째 또는 세 번째 클릭까지는 작동하지 않습니다. 두 번째 그림에서 오프셋이 잘못되었습니다. –

답변

2

좋아요. colorpicker div을 jQuery로 특정 .offset()으로 설정했지만 iframe에서 완전히 작동하지 않았습니다. 이유는 div의 너비가 색상 비트 함수에서 변형 되었기 때문입니다.이 때문에 jQuery는 내가 쓴 오프셋 기능이 div 너비를 사용하기 때문에 colorpicker div의 왼쪽 위치 지정. o, 내가 할 필요가있는 것은 colorpicker의 너비를 설정하는 것이 었습니다. ;) 도와 주셔서 감사합니다!

2

필자가 볼 수있는 한, iframe의 너비가 충분하지 않다는 것입니다. 소스에서 colorpicker 상자는 필요한 모든 공간을 채울 수 있지만 iframe에서는 비좁은 데 모든 것을 줄이고 끝에 색상 밴드를 만들고 회색 16, 32, 64를 다른 행으로 만듭니다. 또한, colorpicker에 대한 오프셋은 꺼져있는 것 같습니다. 퍼센트 너비와 오프셋을 사용하고 있습니까? 이 문제를 해결하기 위해 많은 일을 할 수 있습니다. iframe의 너비를 늘리면 (상자를 iframe 밖으로 만 흘릴 수는 없습니다), colorpicker 상자를 왼쪽으로 이동하고 피커의 크기를 고정 시키십시오. iframe의 크기를 조정하거나 스크롤하는 등의 작업을 할 수 있습니다.하지만 DOCTYPE 문제는 아닙니다. 자세한 내용을 알고 싶지만 도움이 되었기를 바랍니다!