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
수정 아이콘
네 것두 공부해봐야겠습니다. 댓글 감사드립니다!
목록 삭게로! 맨위로
번호 제목 이름 날짜 조회
125322 [질문] 크롬 처음 키는게 굉장히 느린데 이 경우는 어떤걸까요?? 레고밟은정연1170 18/10/01 1170
125321 [질문] 롤드컵 홈티켓 언제나 발송될까요? [7] 아이시스 8.01868 18/10/01 1868
125320 [질문] 맥용으로 안드로이드 앱 플레이어 프로그램 뭐가 있을까요. johann1382 18/10/01 1382
125319 [질문] 롤드컵 결승티켓질문입니다. [5] 교자만두1674 18/10/01 1674
125318 [질문] 소개팅에서의 불꽃축제 데이트 요령 추천 부탁드려요 [23] 코시엔3634 18/10/01 3634
125317 [질문] (약혐일수도? 사진첨부주의)요로결석 질문입니다. [23] monocrom2932 18/10/01 2932
125316 [질문] 직구 사이트에서도 블랙 프라이데이 할인할까요? [4] Aquaris1903 18/10/01 1903
125315 [질문] 유모비 가입시 공인인증서 질문입니다. 삭제됨2487 18/10/01 2487
125314 [질문] 교통 어디가 덜 막힐까요? [9] Dwyane2116 18/10/01 2116
125313 [질문] 88/18 서울올림픽 다큐멘터리 마지막에 나오신분이 누군가요? [5] 산양사육사2528 18/10/01 2528
125312 [질문] 동영상에 음성 더빙 가능한 앱? [2] 둥실둥실두둥실1582 18/10/01 1582
125311 [질문] 유선/무선 가리지 않고 마우스 추천 받습니다. [15] Tiny3490 18/10/01 3490
125310 [질문] 폰->폰 어플 이동 되나요(갤럭시) [4] 망디망디1618 18/10/01 1618
125309 [질문] 토요일2시까지 상봉역까지 가야하는데 교통상황이 어떠할가요 ? [1] 면역1559 18/10/01 1559
125308 [질문] 아마존 판매자의 신뢰도(?) 확인하는 방법이 있나요? [7] 꿀멀티2360 18/10/01 2360
125307 [삭제예정] 부모님 결혼25주년기념 반지선물 질문드립니다. 듣는사람3695 18/10/01 3695
125306 [질문] 3개월 강아지 산책 언제부터 하면 좋을까요? [12] Rawlings4498 18/10/01 4498
125305 [질문] 기존 윈도우 제품키를 다른 컴퓨터에 쓸 수 있나요? [4] 강남토즈2400 18/10/01 2400
125304 [질문] 명란젓 그냥 먹는다 vs 익혀 먹는다. [46] 카페알파9730 18/10/01 9730
125303 [질문] 방탄 소년단 입덕하고 싶은데 어떤 순서로 앨범을 들어야 할까요? [4] WhiteBerry3245 18/10/01 3245
125302 [질문] 플스pro가 40이면 괜찮은 가격인가요? [10] 탄야2996 18/10/01 2996
125301 [질문] 유심기변이랑 확정기변 차이 [3] 삭제됨3551 18/10/01 3551
125300 [질문] 스팀 토탈워 시리즈 할인하는데 사서 해볼만한거 있을까요? [2] 키토2267 18/10/01 2267
목록 이전 다음
댓글

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