html CSS , Margin,Padding 질문

Question

좌우 왼쪽의 빨간 선을 붙이고싶은데 margin 0, padding 0을 해버리면 밑의 표도 같이 붙어버리네요 ㅠㅠheader부분만 꽉채운 화면으로 하고싶은데 어떻게 해야하나요?1번사진은 제가 문제가 되는 예시입니다.위의 파란색 header가 간격이 살짝 띄어져 있는데 저걸 꽉차게 하고싶습니다. 2번 사진이 하고싶은 예시입니다. 밑의 회색 header만 화면에 꽉차있고, 밑의 표는 간격을 유지하고있습니다. 이 상태로 하고싶어요 ㅠㅠㅠ header{ padding:0.104in; padding-left: 0ch; background: linear-gradient(180deg, #FFFFFF, #B4C6E7); margin-bottom: 0.104in; border-bottom: 0.01in; }CSS는 이렇게 짜주었습니다.

컴포지트 · Answer

html 내용과 css 같이 첨부해야 더 정확한 답변을 들을 수 있습니다.또는 http://jsfiddle.net 같은 온라인 예제 사이트와 같이 첨부하면 도움이 더 됩니다.

jjangjjang · Answer

html A1

A1

General

LDF Editor 프로그램을 설치하기 위한 시스템의 요구 사항은 아래와 같습니다.

n 운영 체제: Microsoft Windows 7 OS or higher

n CPU: 2GHz 이상의 32비트(x86) 또는 64비트(x64) 프로세서

n RAM: 2GB 이상

n HDD: 사용 가능한 하드 디스크 공간 1GB

CSS /* Font Definitions */ @font-face {font-family:Wingdings; panose-1:5 0 0 0 0 0 0 0 0 0;} @font-face {font-family:바탕; panose-1:2 3 6 0 0 1 1 1 1 1;} @font-face {font-family:굴림; panose-1:2 11 6 0 0 1 1 1 1 1;} @font-face {font-family:"Cambria Math"; panose-1:2 4 5 3 5 4 6 3 2 4;} @font-face {font-family:"맑은 고딕"; panose-1:2 11 5 3 2 0 0 2 0 4;} @font-face {font-family:"Arial Rounded MT Bold"; panose-1:2 15 7 4 3 5 4 3 2 4;} @font-face {font-family:"\@굴림"; panose-1:2 11 6 0 0 1 1 1 1 1;} @font-face {font-family:"\@맑은 고딕";} @font-face {font-family:"\@바탕"; panose-1:2 3 6 0 0 1 1 1 1 1;} /* Style Definitions */ header{ padding:0.104in; padding-left: 0ch; background: linear-gradient(180deg, #FFFFFF, #B4C6E7); margin-bottom: 0.104in; border-bottom: 0.01in; } #topic_header{ padding: 0.104in; background: linear-gradient(180deg, #FFFFFF, #B4C6E7); margin-bottom: 0.104in; } p.MsoNormal, li.MsoNormal, div.MsoNormal {margin-top:0cm; margin-right:0cm; margin-bottom:8.0pt; margin-left:0cm; text-align:justify; text-justify:inter-ideograph; line-height:107%; text-autospace:none; word-break:break-hangul; font-size:10.0pt; font-family:"맑은 고딕";} h1 {mso-style-link:"제목 1 Char"; margin-top:3.0pt; margin-right:11.0pt; margin-bottom:0cm; margin-left:0cm; page-break-after:avoid; font-size:16.0pt; font-family:굴림; font-weight:bold;} h2 {mso-style-link:"제목 2 Char"; margin-top:4.0pt; margin-right:11.0pt; margin-bottom:4.0pt; margin-left:0cm; page-break-after:avoid; font-size:16.0pt; font-family:굴림; color:#002060; font-weight:bold;} h3 {mso-style-link:"제목 3 Char"; margin-top:0cm; margin-right:11.0pt; margin-bottom:4.0pt; margin-left:20.0pt; text-indent:-20.0pt; page-break-after:avoid; font-size:16.0pt; font-family:굴림; color:#002060; font-weight:bold;} p.MsoBodyText, li.MsoBodyText, div.MsoBodyText {mso-style-link:"본문 Char"; margin-top:0cm; margin-right:0cm; margin-bottom:9.0pt; margin-left:0cm; text-align:justify; text-justify:inter-ideograph; line-height:107%; text-autospace:none; word-break:break-hangul; font-size:10.0pt; font-family:"맑은 고딕";} p.MsoListParagraph, li.MsoListParagraph, div.MsoListParagraph {margin-top:4.0pt; margin-right:0cm; margin-bottom:4.0pt; margin-left:40.0pt; text-align:justify; text-justify:inter-ideograph; font-size:11.0pt; font-family:"Times New Roman",serif;} span.1Char {mso-style-name:"제목 1 Char"; mso-style-link:"제목 1"; font-family:굴림; font-weight:bold;} span.2Char {mso-style-name:"제목 2 Char"; mso-style-link:"제목 2"; font-family:굴림; color:#002060; font-weight:bold;} span.3Char {mso-style-name:"제목 3 Char"; mso-style-link:"제목 3"; font-family:굴림; color:#002060; font-weight:bold;} span.Char {mso-style-name:"본문 Char"; mso-style-link:본문;} p.7, li.7, div.7 {mso-style-name:스타일7; mso-style-link:"스타일7 Char"; margin-top:4.0pt; margin-right:0cm; margin-bottom:4.0pt; margin-left:7.1pt; text-align:justify; text-justify:inter-ideograph; font-size:11.0pt; font-family:굴림;} span.7Char {mso-style-name:"스타일7 Char"; mso-style-link:스타일7; font-family:굴림;} p.9, li.9, div.9 {mso-style-name:스타일9; mso-style-link:"스타일9 Char"; margin-top:4.0pt; margin-right:0cm; margin-bottom:4.0pt; margin-left:-228.0pt; text-align:justify; text-justify:inter-ideograph; text-indent:-20.0pt; font-size:11.0pt; font-family:굴림;} span.9Char {mso-style-name:"스타일9 Char"; mso-style-link:스타일9; font-family:굴림;} p.10, li.10, div.10 {mso-style-name:스타일10; mso-style-link:"스타일10 Char"; margin-top:4.0pt; margin-right:0cm; margin-bottom:4.0pt; margin-left:7.5pt; font-size:11.0pt; font-family:굴림;} span.10Char {mso-style-name:"스타일10 Char"; mso-style-link:스타일10; font-family:굴림;} .MsoChpDefault {font-family:"맑은 고딕";} .MsoPapDefault {margin-bottom:8.0pt; text-align:justify; text-justify:inter-ideograph; line-height:107%;} /* Page Definitions */ @page WordSection1 {size:595.3pt 841.9pt; margin:3.0cm 72.0pt 72.0pt 72.0pt;} div.WordSection1 {page:WordSection1;} /* List Definitions */ ol {margin-bottom:0cm;} ul {margin-bottom:0cm;}

howoni123 · Answer

CSS 쪽에 이거 넣어보세요body{ margin:0; } .WordSection1 { margin:10px; }

컴포지트 · Answer

오피스로 어떻게 html 추출했는지 모르겠지만 표는 레이아웃 배치를 따로 둘 수 없습니다.만약 헤더 부분만 붙이고 싶다면 헤더 부분을 테이블에서 빼서 div로 독립해야 합니다.완전히 붙이고 싶다면 html, body 에 여백을 없애고, 내용 부분에 여백을 따로 줘야 합니다.예시 만들어놨으니 직접 응용하여 해결해 보시길.https://jsfiddle.net/mvhxb49q/

html CSS , Margin,Padding 질문

4개의 답변

#padding 목록