테스트 사이트 - 개발 중인 베타 버전입니다

테이블 px가 맞지 않는거 같습니다. ;; 채택완료

일산사랑 10년 전 조회 3,750

http://www.smiletalk.co.kr/" target="_self">http://www.smiletalk.co.kr/ 

 

div로 px 맞추가기 쉽지 않네요 ;;

 

 


 

 

위처럼 3개 줄로 나눴구요..

 

좌측에 250px 에 border 1을 주니 252px가 될것이고, 우측도 마찬가지이니 252px X2 = 504px가 될거 같은데요.

 

그리고 중간에 454px에 border 1을 주니 456px 그리고 중간에 공간을 5px의 공백을 주니 5px X2 = 10px

 

 

504px + 456px + 10px = 970px

 

그렇게 합하면 그누보드에서 기본적으로 설정되어 있는 970px 값이 될거 같은데요.

 

제대로 안먹고, border 1을 줬는데 깨지고 하네요 ;;

 

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

답변 3개

10년 전

소스보기를 해보면

 

id="left_side">
 
class="lt">
 
 
 

class="lt">

 

클래스명 lt가 최신글에 다 들어있는걸 보니 최신글 기본 스타일인듯하네요..

 

#left_side .lt{border:1px solid #e4eaec;background:#ffffff;​margin=bottom:5px}​를

클래스명을 다르게 해주시면 되겠죠

 

#left_side .box_wrap{border:1px solid #e4eaec;background:#ffffff;​margin=bottom:5px}

 

 

 

 

box_wrap">

최신글

 

이런식으로....

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

일산사랑
10년 전
감사합니다.
알려주신데로 수정도 해보았는데, 최신글에서 클릭이 가능하게 되지만, 깨지는거는 동일하네요 ;;

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

10년 전

#left_side​{float:left;width:252px;margin-right:5px}

#left_side .lt{border:1px solid #e4eaec;background:#ffffff;​margin=bottom:5px}

 

#center{float:left;width:456px;margin-right:5px}

 

#right_side​{float:left;width:252px;}

 

 

 

최신글

최신글

최신글

 

최신글

최신글

최신글

로그인

 

 

#left_side​ 등에 직접 float 적용하세요

 

 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

일산사랑
10년 전
감사합니다. 알려주신데로 지금 적용했는데,
다 깨지네요 ;;

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

10년 전

일단 자식 오브젝트들부터 width 값 맞춰보세요.

자식들 크기가 다 뒤죽박죽이네요.  

 

덧글 자세히 보니 #left_side  .lt 의 크기좀 맞춰보세요. ^^ 

로그인 후 평가할 수 있습니다

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

답변을 작성하려면 로그인이 필요합니다.

로그인