HTML/CSS 질문게시판입니다.

[codingapple]

누구나 작성할 수 있습니다.

 

[codingapple]

`var test = 'kim';
function test(){
  console.log('hello');
}`

코드 테스트

 

 

[konan-isdt]

안녕하세요.
html/css 강좌를 수강한 학생입니다.
다름이아니라, 인터넷 익스플로러에서 팝업창에 스크롤이 되지 않는 현상(스크롤 생성x)때문에 문의드립니다.
스크롤은 css의 height 차로 인해 생기는 요소인 것으로 알고있는데
IE에서 어떻게 스타일요소를 적용해야 scroll이 제대로 동작할까요?
아래 url 접속 후 비밀번호 0000을 입력하고 로그인을 누르시면 해당 현상을 확인하실 수 있습니다.
(https://demo.ezfinder.co.kr/logout)

개발자도구로 스타일코드를 확인하실 수 있으니 살펴보신 후 조언 부탁드리겠습니다.

.main-container {
padding: 0;
padding-top: 130px;
min-width: 320px;
min-height: 600px;
position: relative;
max-width: 2500px;
margin: 0 auto;
}
.main-container .contents {
width: 100%;
position: relative;
overflow-x: hidden;
overflow-y: auto;
padding-left:10px;
padding-right:10px;
}

감사합니다.

[codingapple]

Edge에서는 스크롤 잘되고 IE 11에서는 안되는걸 보니

display : grid 때문인 것 같습니다.

grid말고 그냥 float left 이런거나 inline-block 쓰셔도 비슷하게 구현가능하니 그걸한번 써보시거나

IE 호환용 CSS파일 하나 더 만들어서 덮어씌우시면 될듯합니다

 

 

[konan-isdt]

답변 감사합니다. br태그는 복붙하여 썼더니 생긴것같습니다~!

[글쓴이]

글