AP Div 이미지 누르기

-1

iframe이있는 페이지에 AP div를 배치했습니다. AP div가 그 뒤에있는 이미지와 함께 움직이지 않도록 position : relative를 사용했습니다. 일단 CSS div 속성을 Position : Relative에 추가하면 원하는 위치에 정확하게 머무르게되지만 이미지가 더 아래로 밀려납니다. 주 이미지가 꼭대기에 정렬되어야합니다. 당신이 다른 페이지를 보시면 그들이 어떻게 위로 정렬되어 있는지 보게 될 것입니다. 이것에 대한 해결책이 있습니까? 나는 CSS 전문가가 아니므로 주어진 도움을 매우 감사하게 생각합니다. 감사!AP Div 이미지 누르기

내 링크는 다음과 같습니다

http://www.mylittleovertures.com/continue.html

감사합니다!

출처

2012-08-11 LucyMae

div과 iframe은 동일한 수준의 블록 요소입니다. iframe 위치 지정을 상대적으로 설정하면 도움이되지 않습니다. 대신 이미지와 iframe을 컨테이너 DIV로 래핑하고이 DIV를 position:relative으로 설정 한 다음 해당 DIV에 iframe을 배치하십시오. 여분의 img 태그를 삭제하고 이미지를 컨테이너 DIV의 배경으로 설정할 수도 있습니다. 또한 설정하여 <center>의 얻을 수있는 컨테이너 DIV의

여기 예입니다 margin0 auto에! http://jsfiddle.net/99wCg/3/

출처

2012-08-11 02:00:49 digitalbreed

정말 고마워요 지금 효력이를 넣어 것입니다. 제 질문에 답변 해 주셔서 감사합니다. – LucyMae

귀하의 제안을 구현했으며 현재 내 사이트가 잘 작동하고 있습니다. 나는 서로가 어떻게 관련되어 있는지 더 잘 이해할 수 있도록 코드를 연구 중이므로 다음 번에 어떻게해야하는지 간단히 알 수있다. 당신이 대답하기 전에 래퍼와 컨테이너 div에 대해 읽었지 만 그것은 그리스어 였고 코딩에 적용하는 방법을 알지 못했습니다. 나는 정말로 웹을 좋아하지 않고 그래픽 디자인에 전념하고 싶습니다. 전문가에게 맡길 필요가있는 것들을 믿는 경향이 있습니다. 그러나 그것은 실수로 배우고 길을 따라 약간의 지식을 얻는 것을 상처주지 않습니다 .. 다시 한번 감사드립니다. – LucyMae

AP Div 이미지 누르기

답변

관련 문제