개발 Q&A

제목 div 완전 초보 질문 입니다 ㅠ,ㅠ
글쓴이 AMKORHTML 작성시각 2016/08/18 09:52:50
댓글 : 7 추천 : 0 스크랩 : 0 조회수 : 11566   RSS

 

 

저 쿠폰 선택 div 테그는 오른쪽으로 쏠리는건가요?

 

float:left 선정해주었는데 ㅠ,ㅠ

 

이유를 모르겠습니다 ㅠ,ㅠ

 다음글 공공데이타 오픈 api는 개인이 신청할 수 없나요? (2)
 이전글 개노답이네요

댓글

뫄뫄잉뿌 / 2016/08/18 10:05:17 / 추천 0
표로 만드실꺼면 table이 더 나을거같은데요.. 굳이 div태그로 만드실 필요가 있는건가요?
AMKORHTML / 2016/08/18 10:20:06 / 추천 0

뫄뫄잉뿌 >답변 감사합니다.

첫번째 질문 : table tr td 를 이용해서요???

 

해당 내용 답변 : div 사용한 이유는 연습삼아 해본것입니다.

뫄뫄잉뿌 / 2016/08/18 10:34:00 / 추천 0

네 table tr td 태그를 이용해서 더 쉽게 만드실 수 있을거예요.

 

<table width="100%" border="0" cellpadding="0" cellspacing="0">
		<thead>
			<tr>
			<th width="15%">도메인</th>
			<th width="15%">가격</th>
			<th width="15%" >기간</th>
			<th width="15%">금액</th>
			</tr>
		</thead>
		<tbody>
		
			<tr>
				<td>wefweg.com</td>
				<td>22,000</td>
				<td>1년</td>
				<td>22,000</td>
			</tr>
			<tr>
				<td></td>
				<td></td>
				<td>쿠폰선택</td>
				<td></td>
			</tr>
		
		</tbody>	
	</table>

대충 이렇게하면 위의 모습과 나올거같네요

kaido / 2016/08/18 10:48:03 / 추천 0

테이블을 사용하지 않아도 되는 상황이면 가급적 테이블을 피하는 것이 좋습니다.

과거 소위 말하는 테이블 코딩으로 디자인 했던 디자이너가 공개 사과까지 했을 정도.

테이블이라는 것이 브라우저에서 매우 비효율적으로 작동하기 때문입니다.

 

 

float 를 했는데도 왼쪽에 안붇는 이유는 float 를 감싸는 div 가 inline-block 이 안되어 있기 때문입니다.

또한 float 를 감싸는 div 가 width 공간을 가지고 있지 않기 때문에 밀렸을 가능성도 보입니다.

 

div 정렬 하는 방법에 대해서 기본부터 다시 확인 해보세요.

최근 코딩법에는 float 를 잘 안쓰는 경향이 있지만, 그렇다고 float 사용법을 몰라도 된다는 말은 아닙니다.

/ 2016/08/18 10:58:57 / 추천 0
디자인보니깐 표인데요~ table ~~ 저경우 경험상 기간 1년 셀렉트박스 이부분의 div 높이가 높아서 저렇게 될겁니다. 높이 맞추면 딱 붙겠죠?
바다의이무기 / 2016/08/18 13:14:00 / 추천 0
div 태그 크기나 높이가 커서  저렇게 된것 같습니다. 크기나 높이 줄여서 해보세요.
뫄뫄잉뿌 / 2016/08/18 13:48:11 / 추천 0
저도 배워갑니다~ table 태그 쓰는게 비효율적이군요..