2012-06-22 7 views
-1

이 슬라이드 쇼를 사용하면 간단하게 위로 이동하려고하지만 바로 잡을 수는 없습니다. 지금이 모든 공백이 있습니다. 누군가 내가 잘못 가고있는 곳에서 나를 도울 수 있습니까? 공백을 보려면 Firefox 또는 IE에서 확인하십시오. 그것은 물론 크롬에서 작동하지만, b/c는 모두 크롬에서 작동합니다.슬라이드 쇼 위치가 IE와 FF에서 너무 낮습니다

http://modernd-i.com/

나는 CSS에서 위치를 사용하려고하지만, 이러한 브라우저에서 꿈쩍도하지 않습니다.

답변

2

은 IT의 모양 중 하나를 시도 할 수 있습니다 당신은 레이아웃을 위해 테이블을 사용하고 있습니다. 이미지 갤러리가 포함 된 <td>의 가로 맞춤 길이는 vertical-align: baseline;으로 설정하면 html에서 valign="top"으로 변경하면 효과가 있습니다. IE가 아닌 Firefox에서 확인했습니다. 당신을 styles.css에서

+0

그게 전부 야! 고맙습니다. 너희들은 어떻게 그런 것들을 발견 할 수 있니? 나는 하루 종일 거의 아무것도하지 않았을 것이다. 감사! – sven30

0

이 작동해야

#yourslideshow { 
    position: relative; 
    top: (-X)px; 
} 

*이 -X 화소 수를 나타낸다.

jsfiddle이 없으므로 정확하게 말할 수 없습니다. 그러나 top을 사용하면 슬라이드 쇼와 페이지 상단 사이의 픽셀 수입니다. (바닥 글을 사용할 수도 있고 음수 값을 사용하지 않을 수도 있습니다).

ex.

#yourslideshow { 
    position: relative; 
    bottom: (X)px; 
} 

나는 당신이 위치를 사용했다는 것을 알고 있지만, 지정하지 않았으므로 어떤 유형의 위치를 ​​사용했는지 모르겠습니다. 위치가 여전히 작동하지 않으면

THEN

, 당신은 긍정적 인 여백 탑 또는 음수 마진 - 하단

#yourslideshow { 
    position: relative; 
    margin-bottom: (X)px; 
} 

또는

#yourslideshow { 
    position: relative; 
    margin-top: (-X)px; 
} 
1

, 줄 4 당신은이 : 그것은 의도적 않는 한 글로벌 선언, 가장 좋은 생각이 아니다으로 vertical-align: top

기준 : 하나의 마지막

...tfoot, thead, tr, th, td { 
background: none repeat scroll 0 0 transparent; 
border: 0 none; 
margin: 0; 
padding: 0; 
vertical-align: baseline; /* this is what is causing it */ 
} 

변경.

희망이 도움이됩니다.