[css] table, div 밀려나지 않게 > 팁앤테크

본문 바로가기
사이트 내 전체검색

팁앤테크

[css] table, div 밀려나지 않게

페이지 정보

본문

table, td, div 태그 등으로 내용물을 둘러싸줄 때, 큰 사진이 들어가면 원래 크기보다 커지고, 늘어나고, 밀려나는 경우가 있습니다.

 

이때 css 속성 { overflow: hidden; } 을 써주더라도 FF에선 잘 뜨지만, IE에서 제대로 안 되는 경우가 허다합니다. 해결 방법을 알아봅시다.

 

간단하게 말하면 이중으로 싸주면 됩니다.

바깥의 레이어는 원래 지정하고 싶은 형태와 여백을 주시고, 그 안에 너비 100%짜리 div를 넣어주시면 됩니다.

 





<div id="container1">

<div class="hideoverflow">

내용, 이미지 등등

</div>

</div>





 

이렇게 해놓고 css 파일에는





#container1 { border:solid 1px #AAA; margin:15px; padding:10px; }

.hideoverflow { width:100%; overflow:hidden }

추천0

댓글목록

등록된 댓글이 없습니다.

Total 825건 21 페이지
  • RSS
팁앤테크 목록
번호 제목 글쓴이 조회 추천 날짜
325 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 23147 0 12-04
324 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 22599 0 11-25
323 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 21698 0 11-24
322 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 21493 0 11-19
321 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 28242 0 11-18
320 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 18590 0 11-13
319 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 20987 0 11-12
318 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 18980 0 11-12
317 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 15813 0 11-09
316 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 16355 0 11-06
315 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 18712 0 11-06
314 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 16905 0 11-04
313 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 19045 0 10-27
312 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 19212 0 10-24
311 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 20811 0 10-24
310 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 22092 0 10-23
309 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 15748 0 10-23
308 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 25472 0 10-22
307 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 22349 0 10-17
열람중 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 21130 0 10-17
305 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 18262 0 10-11
304 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 24646 0 10-10
303 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 17399 0 10-05
302 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 17768 0 10-04
301 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 18007 0 10-04

검색

회원로그인

회원가입

사이트 정보

株式会社YHPLUS / 대표 : ZERO
〒140-0011 東京都品川区東大井2-5-9-203
050-5539-7787
오픈카카오톡 (YHPLUS) :
https://open.kakao.com/o/slfDj15d

접속자집계

오늘
2,213
어제
5,977
최대
9,679
전체
2,713,979
Copyright (c) 株式会社YHPLUS. All rights reserved.