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
수정 아이콘
네 것두 공부해봐야겠습니다. 댓글 감사드립니다!
목록 삭게로! 맨위로
번호 제목 이름 날짜 조회
125374 [질문] 웃대에서 봤던 고전 공포소설을 찾고있습니다. [5] 쿠엔틴3304 18/10/03 3304
125373 [질문] Psp 메모리카드 psp없이 읽는 방법 [3] 카롱카롱1873 18/10/03 1873
125372 [질문] 지금까지 롤드컵 꿀잼경기 추천 부탁합니다!!! [6] 걸스데이민아1964 18/10/02 1964
125371 [질문] 미국 미들랜드주에 2달동안 머물예정입니다. [8] 홀리데이2306 18/10/02 2306
125370 [질문] 나무위키 "최진실" 항목에 관해.. [4] Bettersuweet3625 18/10/02 3625
125369 [질문] 호텔 체크아웃 날짜 문의 [6] 마롱4514 18/10/02 4514
125368 [질문] 서류발표 기간에 맨탈 잡는 법 [4] 나이스데이2342 18/10/02 2342
125367 [질문] 하드 복구 관련... [4] 구앍1476 18/10/02 1476
125366 [질문] 일요일 저녁시간대 맛집 추천부탁드립니다. kaerans1457 18/10/02 1457
125365 [질문] 급하게 토익 960이 필요합니다. [7] 연어무한리필4370 18/10/02 4370
125364 [질문] 노트9 가격 [4] 어...2340 18/10/02 2340
125362 [질문] 그래픽카드 추천 바랍니다. [13] 무하3692 18/10/02 3692
125361 [질문] 강사생활을 하면서 질문드립니다. [3] Ciara.2591 18/10/02 2591
125360 [질문] 용산 북촌 돈까스 내일(공휴일)도 문을 열까요? [2] 이쥴레이2369 18/10/02 2369
125359 [질문] 스마트폰 스팟 중에 부천은 정확한 위치가 어디인가요? [2] 어제내린비1828 18/10/02 1828
125358 [질문] 핸드폰 번호가 많으면 좋은게 뭐있을까요... [6] 현직백수2581 18/10/02 2581
125357 [질문] 신라면 블랙 버전 어떻게 생각하시나요? [30] 천사3535 18/10/02 3535
125356 [질문] 스마트폰 즐겨찾기 스팸에 걸린것 같습니다. 스타카토2724 18/10/02 2724
125355 [질문] [이미지 첨부] 아파트 조망권관련.. 이정도면 하늘이 안보일 정도일까요?+ 기타 걱정 [2] 하나2210 18/10/02 2210
125354 [질문] 윈도우 10 업데이트 질문 [1] Love.of.Tears.1837 18/10/02 1837
125353 [질문] 와이프가 신나는 발라드 플레이리스트를 만들어 달랍니다ㅠㅠ [35] 즐겁게삽시다3325 18/10/02 3325
125352 [질문] Korean mom and dads 양치팁 있어요? [17] 히화화2952 18/10/02 2952
125351 [질문] 롤드컵 티켓 배송 언제나 될까요? [1] 아이시스 8.02044 18/10/02 2044
목록 이전 다음
댓글

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