전환 지점에서 div 내용 전환

-1

이 사이트에서 http://alumni.fgcu.edu/s/1630/index.aspx?sid=1630&gid=1&pgid=373 화면 크기가 768px 미만인 경우 오른쪽 열 내용 아래로 이동하려면 왼쪽 열을 가져 오려고합니다.전환 지점에서 div 내용 전환

두 div (".split30left 및 .split70right")에서 부동 문자를 뒤집어 봤습니다. 심지어 jQuery의 크기 조정 기능을 사용하여 두 div의 너비 값을 100 %로 설정하여이를 전환 할 때 감지하고 심지어 운이 없었습니다.

아래로 투표하기 전에 질문 사항이 있으면 알려주십시오. 미리 감사드립니다.

2014-12-02 zach57

가장 쉬운 해결책은 HTML에서 div의 순서를 변경하는 것이므로 split30left는 split70right 뒤에옵니다. – pschueller

@pschueller 정확하게 맞아 ... CSS의 중 하나를 변경하지 않고 HTML에있는 두 개의 div의를 교환하고 당신은 괜찮을 것 :

<div class="split70right" id="indexRight"> 
    -- content -- 
</div> 

<div class="split30left" id="indexLeft"> 
    -- content -- 
</div>

수레는 여전히에 DIV를 "split30left"을 유지합니다 왼쪽은 오른쪽, 다른 쪽은 오른쪽에 있습니다. 필요한 경우 768px보다 작은 화면 너비에서 제대로 작동하지 않으면 미디어 쿼리에서 수레를 조정할 수 있습니다.

2014-12-02 17:00:21 deebs

나는 분명히 상황을 생각하고 있었다. 도와 주셔서 감사합니다. – zach57

답변