여백이 왜 생기는지 모르겠어요.

시누이

프로필 보기 이 회원 글보기

· 11년 전 · 조회 1148 1148 · 댓글 8 8

http://madangbuilder.wetoz.kr/m/ 여기 보시면..

위와 같이 상단에 제목 부분의 상,하 여백이 맞지 않습니다. (오페라 로 보시면 더욱더 확연합니다.)

padding 이나 margin 값은 모두 0 으로 되어있는데 어디에서 잘못된건지 모르겠네요..

css 능력자분께서 한번 확인 좀 부탁드리겠습니다.

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 8개

달오벌

프로필 보기 이 회원 글보기

11년 전

<div class="hpos">
<h1>
<a href="http://madangbuilder.wetoz.kr/m">마당빌더</a>
</h1>
</div>

여기서 <a>요소를 display:inline-block하시는 바람에 block특성을 가지는 inline요소가 되어버려서 그런것같습니다.
<h1>의 line-height를 조절해보심이....

지운아빠

프로필 보기 이 회원 글보기

11년 전

#header.d_head .hpos 의 line-height 값 조정 혹은 삭제
#header.d_head h1 a 의 line-height 값 조정 혹은 삭제하신 후 다시 잡아보세요. ^^;;

시누이

프로필 보기 이 회원 글보기

11년 전

두분 답변 감사합니다. 권유하신 방법으로 해봐도 잘 안되네요..ㅜㅜ
한가지 확실한것은 font-size 값을 없애버리니 상단의 알수없는 여백이 없어졌습니다. 이것을 힌트로 해결할 수 있을듯합니다.

시누이

프로필 보기 이 회원 글보기

11년 전

h1 을 h3 으로 변경하니 여백이 사라졌습니다. h1 에서 font-size 를 강제로 변경하면 원래 여백이 생겼었나요? 희한하네..

지운아빠

프로필 보기 이 회원 글보기

11년 전

header 부분에 line-height 가 몇몇 군데 쓰였는데요. 특별한 이유가 없다면 line-height 대신 margin padding 아니면 position 을 쓰시는게 나을 것 같습니다. 왼쪽 오른쪽 아이콘 등이 line-height 값이 바뀔 때마다 오르락내리락 하고, 처음에 문제되었던 글자 여백 문제 등도 생길 수 있으니까요.

시누이

프로필 보기 이 회원 글보기

11년 전

네. 정렬때문에 line-height 를 많이 쓰게 되는데 이번에도 그 문제인가 보군요. 조언 감사합니다.

kiplayer

프로필 보기 이 회원 글보기

11년 전

제가 알고 있는것이 맞을지 모르겠는데.
display:inline-block 을 쓰시면
가끔 포지션 문제로 실제 코드상의 띠어쓰기를 인식합니다.
코드를 붙여넣고 한번 해보세요.

시누이

프로필 보기 이 회원 글보기

11년 전

네 감사합니다. inline-block 이 그런 상황도 있군요.. 그런데 마찬가지 상황이네요.

h1 으로 마크업하고 inline-block, height, line-height 모두 삭제 후 padding 값만 줘도 여백이 생겨요.. 참 싱기방기 하네요.

게시글 목록

번호	제목	글쓴이	조회	날짜
32341	jquery-ui / datepicker 나라별	신리	28	9년 전
32339	영어 독해 쉬운 방법	박쥐12	31	9년 전
32326	php에 오라클이 가능한가요? 2	커네드커네드	71	9년 전
32325	씨멘틱 마크업 - 이거 머냐 씹어먹는거냐? 2	자루스	83	9년 전
32322	PHP 관련 클래스들이 많은 사이트 2	신리	123	9년 전
32319	텍스트를 읽어주는 코딩	신리	110	9년 전
32318	jQuery 예제가 많은 사이트	덕서리	103	9년 전
32316	/js 아래 자바스크립트 화일들이 어디에서 사용될까요?	신리	59	9년 전
32315	신입 개발 ->디자인 ->퍼블로 왔습니다! 4	웹표준3년차	138	9년 전
32313	부트스트랩으로 만든 메뉴를 CSS로 변경본겁니다.	쥬노	47	9년 전
32312	제가 부트스트랩으로 공부하던 중 처음으로 회사 홈페이지를 만들고 있는데요...	쥬노	45	9년 전
32311	제가 부트스트랩으로 공부하던 중 처음으로 회사 홈페이지를 만들고 있는데요...	쥬노	51	9년 전
32310	HTTP Cache 튜토리얼 - 속도개선	인덱스웹	82	9년 전
32304	보더문의 3	star3840	60	9년 전
32303	부트스트랩 질문 드립니다. 1	토시아	112	9년 전
32300	PHP로 개발 시 지양해야 할 코드 2	제은일행	62	9년 전
32293	업로드 구현시 최강자 Plupload 1	절권도	182	9년 전
32292	유튜브 동영상 관련 질문드립니다~~ 1	기만잉	124	9년 전
32291	인쇄 여러장 어떻게 해야하죠..?	밍밍멍	30	9년 전
32285	오픈마켓 이익금 계산기	감기약	201	9년 전
32284	구글 웹사이트 번역기 사이트에 달기	신리	192	9년 전
32275	오픈마켓 이익금 계산기 급하게 만들어 봤습니다. 3	감기약	291	9년 전
32271	카페24 호스팅에서 mail()함수 / smtp인증을 통한 gmail 서버로 발송 가능한가요? 2	글러빙	159	9년 전
32268	jquery print 입니다. 5	Rido	181	9년 전
32265	개발 선배님들께 질문 남기고자 합니다.. 4	웹의미래는딥러닝	133	9년 전
32261	n개월 뒤 말일 구하기 함수	잠돌	127	9년 전
32258	HHVM Just In Time Interpreter 설정	글러빙	89	9년 전
32257	SEO 전용 제어 판넬 - 멀티사이트 관리 1	신리	177	9년 전
32255	vagrant 란? 1	글러빙	109	9년 전
32254	개발자를 위한 자바스크립트로 화면 UI 라이브러리	글러빙	145	9년 전
32253	팝업띄우려면, colorbox ~	글러빙	108	9년 전
32251	jQuery Sidebar 패널입니다. 2	글러빙	158	9년 전
32250	url관련 처리는 URI.js	글러빙	133	9년 전
32249	메트로 스타일 css	글러빙	112	9년 전
32247	게임을 통해 코딩을 배워갑니다.	신리	493	9년 전
32246	ContentTools - 웹페이지를 WYSIWYG editors를 이용하여 편집	신리	111	9년 전
32245	embed.js 참으로 유용한 플러그인입니다 2	신리	246	9년 전
32244	제니퍼소프트의 UI프레임워크 JUI	절권도	115	9년 전
32243	날씨 정보 API	절권도	137	9년 전
32242	PHP : The right way 1	절권도	94	9년 전
32241	모질라가 제공하는 자바스크립트 레퍼런스	절권도	93	9년 전
32240	PHP7로 가는 법	절권도	149	9년 전
32239	정규식 테스터	절권도	80	9년 전
32238	PHP 문법 체크	절권도	99	9년 전
32237	IP 검색 사이트	절권도	109	9년 전
32236	요즘 수요가 가장 많은 사이트 유형이 뭘까요? 2	절권도	269	9년 전
32232	7 Best PHP Frameworks	신리	69	9년 전
32229	웹사이트의 CSS정보를 바로 확인해 주는 크롬 확장프로그램 소개 2	신리	295	9년 전
32228	HTML에 CSS필터를 효과적으로 줄 수 있는 JS plugin을 소개합니다.	신리	120	9년 전
32227	CSS Library - Picnic CSS	신리	89	9년 전
32217	고급 강좌가 무료입니다 3	신리	661	9년 전
32215	안녕하세요 웹 개발자를 꿈꾸는 학생입니다. 7	컴쿨	451	9년 전
32214	다양한 코딩 툴들 2	신리	252	9년 전
32213	jQuery Tree 를 만들었습니다.~~ 2	kiplayer	260	9년 전
32211	모던PHP에 대한 고견을 들었으면 합니다. 3	승희아빠	306	9년 전
32207	jquery ExayUI 소개 1	신리	186	9년 전
32196	날짜 입력과 관련한 자바스크립트 4	신리	185	9년 전
32193	협업을 위한 그룹 채팅 솔루션... 2	신리	304	9년 전
32192	위도, 경도 값을 받아서 타임존을 확인하는 프로그램	신리	146	9년 전
32190	padding 값 클래스 화, 어떤 게 직관적으로 느껴지시나요? 1	이온디	141	9년 전
32188	웹사이트에서 고객채팅 프로그램 4	이대리S	253	9년 전
32186	익스 6이나 7도 맞쳐줘야하나요? 2	커네드커네드	222	9년 전
32184	파노라마 기능 및 WebVR 3	신리	273	9년 전
32173	php에서 Excel 화일 읽고 쓰고... 4	신리	283	9년 전
32172	개발자를 위한 SVG LOGO	신리	197	9년 전
32171	Spectacle - A React.js Presentation Library	신리	134	9년 전
32167	제주관광공사 OPEN API	신리	260	9년 전
32165	스펙터 CSS 프레임워크 3	엔피씨	248	9년 전
32163	css3로 구현하는 애니메이션 한 눈에 보기 1	신리	254	9년 전
32162	HTML 에니메이션 툴	신리	243	9년 전
32158	홈페이지 기능 체크 좀 부탁드려요! 3	성격파탄자	446	9년 전
32157	파싱 페이지 넘김 어떻게 해요 3	공부가	351	9년 전
32155	html, css, javascript를 온라인에서 실습해 볼때	신리	172	9년 전
32151	이미지 위에 글자 쓰기 2	신리	319	9년 전
32149	부트스트랩 공부중인데요... 1	쥬노	228	9년 전
32135	내컴퓨터 웹서버 구축	덕서리	209	9년 전
32132	개발 잘해지는 팁 좀,... 12	00년생용띠	551	9년 전
32127	가상서버에서 계정별 트래픽 제한하기 3	신리	188	9년 전
32125	스크립트 후킹	닉네임없음	358	9년 전
32122	필드명 고민 4	엔피씨	365	9년 전
32120	혹시.. 모바일웹 iframe 고정 관련해서 질문해도되나요 1	라푼	450	9년 전
32119	그누보드 아이콘 gif말고 다른 이미지 포멧도 추가하기 1	Jangfolk	293	9년 전
32117	가상서버 운영시 서버시간 맞추기	신리	125	9년 전
32116	내 홈페이지에 원하는 glyphicon을 한곳에서 검색	신리	336	9년 전
32115	css3를 아주 간단하게 만들어줌	신리	394	9년 전
32114	표준 폰트를 기준으로 em 계산시 필요 (px -> em) 2	신리	312	9년 전
32112	table td에 세로 스크롤 적용하기	신리	281	9년 전
32111	SSH2를 지원하는 한글 putty 링크 주소입니다.	신리	135	9년 전
32109	간단한 모달(modal)창 구현소스입니다. 1	Rido	384	9년 전
32107	날씨정보 제공을 위한 weather forecast API	신리	338	9년 전
32104	누구나 쉽게 이해할 수 있는 Git 3	신리	880	9년 전
32103	PHP/MySQL 코드 소스 사이트	신리	200	9년 전
32102	이미지 편집하여 서버에 올리기	전갈자리남자	350	9년 전
32101	php 문자열변수값에서 숫자만 뽑아내기	신리	325	9년 전
32094	다국어 홈페이지 관련 문의 2	사슴뿔	688	9년 전
32089	퍼블리셔 수습기간인데 질문드립니다. 12	DavidCorleone	728	9년 전
20404	서버시간 알아내기	PlayPixel	448	9년 전
31036	기타 swip 사용 안하고, touchstart, touchmove 사용하여 슬라이드 구현	돼지코구뇽	396	9년 전
8279	악성 게시판 스팸글 어떻게 차단하나요 2	북금곰	409	9년 전
8268	연봉질문있습니다. 11	저스팅	759	9년 전

1 2 3

전체 목록