PGR21.com
- PGR21 관련된 질문 및 건의는 [건의 게시판]을 이용바랍니다.
- (2013년 3월 이전) 오래된 질문글은 [이전 질문 게시판]에 있습니다.
통합 규정을 준수해 주십시오. (2015.12.25.)
Date 2018/09/30 22:40:54
Name 하늘이어두워
File #1 질문.JPG (25.9 KB), Download : 19
File #2 질문2.JPG (22.7 KB), Download : 0
Subject [질문] 아주간단한 웹프로그래밍 질문입니다..css관련




안녕하세요 혼자 책보면서 웹프로그래밍 시작한지 이틀된 문과생입니다..

다름이 아니고 첨부된 사진에서 자주접속하는사이트 저곳에다 이미지파일을 첨부하고싶은데요.

드림위버를 통해서 웹프로그래밍 연습하고있습니다.

pageunder라는 아래쪽으로 크게 div를 생성하고,
underintro로 유투브 동영상 삽입까지는 성공했는데, 이제 pageunder 옆에 빈부분에 div를 삽입을하면  아래쪽으로 자꾸 빠져서
이미지가 삽입이 제대로 안되네요..

#pageunder {
        height: 240px;
        width: 1152px;
}
#underintro {
        height: 240px;
        width: 414px;
}

#undersite {
        clear: none;
        float: right;
        height: 240px;
        width: 738px;

css소스는 이렇게 작성했는데, 대체 어떻게 div를 삽입해야 pageunder안에 자리잡을수 있을까요 ㅠ?

통합규정 1.3 이용안내 인용

"Pgr은 '명문화된 삭제규정'이 반드시 필요하지 않은 분을 환영합니다.
법 없이도 사는 사람, 남에게 상처를 주지 않으면서 같이 이야기 나눌 수 있는 분이면 좋겠습니다."
18/09/30 22:45
수정 아이콘
undersite에 float:right 하지 마시고
underintro에 float:left 해보셨나요?
그렇게 해도 안되면 underintro, undersite에 display: inline-block 넣어보세요.
하늘이어두워
18/10/01 12:41
수정 아이콘
감사드립니다! div삽입점이 문제가있었네요. wrap이라는 큰 틀을 아예 만들어놓고 width설정을 한 뒤에
종료태그앞에 wrap해놓고 하니까 블록안에 들어가고 잘되네요.
댓글 감사드립니다
포포탄
18/09/30 22:48
수정 아이콘
(수정됨) div는 block 요소라서, 한 줄에 한 요소씩만 삽입이 가능합니다. 넓이가 얼마가 되었던 간에요.
나란히 두고 싶은 두 요소에 float: left; 속성을 통해 한 쪽으로 정렬시키던가, 또는 block: inline-block을 부여해 두 요소의 박스모델(마진, 넓이)의 합이 100%가 넘지 않도록 해주시면 됩니다. inline-block은 자간설정에 따라서 요소간 여백이 발생할 수 있다는 점은 고려하시구요. 이를 무시하려면 white-space, overflow-x등의 속성과 함께 사용하시면 되겠습니다.

그리고.. 사실 css로 요소를 정확한 위치에 배치하는게 생각보다 꽤 많은 케이스스터디가 필요합니다. 쉽지 않아요. 최근엔 float보단 flex속성을 통해 배치하는것이 효율적이고, 더 작업이 쉬운 경우도 있으니, 찾아보시고 적용시켜보시면 되겠습니다.
하늘이어두워
18/10/01 12:41
수정 아이콘
flex속성은 처음들어봅니다! 공부하다보면 나올것같습니다. 다행히 해결했습니다. 댓글 정말 감사드립니다.
칸나바롱
18/10/01 00:58
수정 아이콘
flex가 백배쯤 쉽습니다..
하늘이어두워
18/10/01 12:41
수정 아이콘
네 것두 공부해봐야겠습니다. 댓글 감사드립니다!
목록 삭게로! 맨위로
번호 제목 이름 날짜 조회
125283 [질문] 아주간단한 웹프로그래밍 질문입니다..css관련 [6] 하늘이어두워1465 18/09/30 1465
125282 [질문] 종각근처 맛집추천부탁드립니다! +롤파크 직관 질문 [6] 다크템플러3312 18/09/30 3312
125281 [질문] 혹시 대전에 수동차량 개인연수 해주는곳있나요? 하나1849 18/09/30 1849
125280 [질문] 재즈 추천좀 받고싶습니다. [4] Ovv_Run!1556 18/09/30 1556
125279 [질문] 피치 항공편 출발 직전까지 버티면 싸지는 경우도 있나요? [15] 레이오네2171 18/09/30 2171
125278 [질문] [LOL] 욕설이 아닌 다른 리폿들도 조치가 되긴 하나요? [12] 골드똥2676 18/09/30 2676
125276 [질문] 대구에서 삼성페이 교통카드 쓰려면 유심도 교체해야 하나요? [3] Googlo3634 18/09/30 3634
125275 [질문] 알러지 비염 환자가 꽃가루를 먹어도 되나요? [11] 멍청이2070 18/09/30 2070
125274 [질문] nas용 HDD를 pc에 설치할 예정입니다. [4] 김티모2258 18/09/30 2258
125273 [질문] 인터넷 스트리밍으로 본 게임 사서 하시는 분들 계신가요? [16] 펩시콜라2608 18/09/30 2608
125272 [질문] (스포)오버더초이스 결말 부분 질문 율곡이이2496 18/09/30 2496
125271 [질문] 롤 랭크게임이 갑자기 안됩니다 [6] 솜브라1622 18/09/30 1622
125270 [질문] 롱패딩 브랜드 추천 부탁드려요 [6] 천하의아귀2689 18/09/30 2689
125269 [질문] [WOW]인텔과 AMD cpu 차이? [6] Answer5418 18/09/30 5418
125268 [질문] [WOW] 도적 전문화간 비교좀 부탁드립니다 [5] 타키쿤2969 18/09/30 2969
125267 [질문] 심천사혈요법이라고 아시는 분 계신가요? [6] APONO2240 18/09/30 2240
125266 [질문] 남자 혼자 여행지 추천부탁드리겠습니다! [10] 객현나개공2993 18/09/30 2993
125265 [질문] 시계 추천 부탁드립니다. [12] JIRO3018 18/09/30 3018
125264 [질문] 피파19관련 정보나 공략을 볼수 있는 사이트 [3] 제리드4773 18/09/30 4773
125263 [질문] 치타 vs 사람 [58] 이호철7650 18/09/30 7650
125262 [질문] 원룸 포장이사 업체 추천 좀 부탁드려요. [2] 그대지킴이1927 18/09/30 1927
125261 [질문] iOS 업데이트 후 간헐적으로 통신 오류가 뜹니다. [2] 허느1532 18/09/30 1532
125259 [질문] 올해 롤드컵은 직관 스킨코드 같은거 준다는말 없나요? [3] wersdfhr2749 18/09/30 2749
목록 이전 다음
댓글

+ : 최근 1시간내에 달린 댓글
+ : 최근 2시간내에 달린 댓글
맨 위로