div로 코딩할때 가끔 필요한 것이 height 100%가 안된다는 점이다.
제이쿼리와 자바스크립트를 이용해서 간단히 만들어 본다.
function funLoad(){
var Cheight = $(window).height();
$('#container').css({'height':Cheight+'px'});
}
window.onload = funLoad;
window.onresize = funLoad;
윈도우가 로딩된 후 funLoad를 실행하였고, 창을 조절하면 다시 funLoad를 실행한다.
funLoad는 container라는 id를 가진 div의 height값을 조절하라고 명령한다.
간단하지만 생각지 못했던 방법이네요..; 좋은정보 감사합니다.
^^ 도움이 되시길 바랍니다.
이렇게 로그인까지 해주시고 댓글도 남겨주셔서 감사합니다.
div의 높이를 100%로 주기 위한 방법을 찾다가 들어오게 되었습니다! html과 css만으로 구현하기엔 어려운 것 같더라구요ㅠㅠ 제이쿼리를 배운 적이 없어서 여쭤볼게요ㅜㅜ 이 소스를 어떻게 적용하면 되나요? 스크립트로 감싸서 바디 안에 놓으면 되나요?
일단 제이쿼리를 쓴다고 헤더에 제이쿼리 스크립트 파일을 넣어주세요.
[script src="http://code.jquery.com/jquery-latest.min.js"][/script]
이렇게 넣으시면 됩니다.
그리고 저 위에 소스를 [/body]바로 위에 [script]위 코드[/script] 이렇게 해서 넣으세요.
이렇게 하면 id가 container인 div가 세로 100%가 됩니다.
위코드에 [ ]대신 <> 이렇게 꺽쇠 표시로 수정해주세요. 여기 답글에 태그가 먹혀서 안보였네요.
감사합니다. 머리 아픈 작업이 해결 되었습니다. 덕분에
높이는 유동적으로 해야값인데 px을따로줘야하나요?
죄송하지만 제가 질문을 이해를 못해서 그러는데 질문 요지가 유동적이기 때문에 높이를 퍼센테이지로 잡아야 하는 것이냐는 말씀이신가요?
엘리먼트의 높이가 100% 안잡히는 경우가 있습니다. 부모들의 높이들을 지정하지 않았을 때 그렇습니다. 그래서 퍼센테이지로 잡아야하는데 높이가 퍼센테이지를 써도 안잡히게 될 경우 브라우저의 높이 값을 가져와서 강제로 원하는 엘리먼트에 높이를 픽셀로 지정하면 크기가 맞춰지기 때문입니다.
한방에 해결되 버리는군요...
간단하지만 생각지 못했던 방법이네요..; 좋은정보 감사합니다.
^^ 도움이 되시길 바랍니다.
이렇게 로그인까지 해주시고 댓글도 남겨주셔서 감사합니다.
div의 높이를 100%로 주기 위한 방법을 찾다가 들어오게 되었습니다! html과 css만으로 구현하기엔 어려운 것 같더라구요ㅠㅠ 제이쿼리를 배운 적이 없어서 여쭤볼게요ㅜㅜ 이 소스를 어떻게 적용하면 되나요? 스크립트로 감싸서 바디 안에 놓으면 되나요?
일단 제이쿼리를 쓴다고 헤더에 제이쿼리 스크립트 파일을 넣어주세요.
[script src="http://code.jquery.com/jquery-latest.min.js"][/script]
이렇게 넣으시면 됩니다.
그리고 저 위에 소스를 [/body]바로 위에 [script]위 코드[/script] 이렇게 해서 넣으세요.
이렇게 하면 id가 container인 div가 세로 100%가 됩니다.
위코드에 [ ]대신 <> 이렇게 꺽쇠 표시로 수정해주세요. 여기 답글에 태그가 먹혀서 안보였네요.