코딩 잘하십니다.!!!

저의 생각으로는 css3가 지원되지 않는 환경이였을수도 있을거 같은데요

width:50% 제대로 작동하나요?

음 우선 저같은 경우에는요 코딩할때 먼저 깨지지 않길 바라면서.!!

대부분의 박스 속성의 태그들의 파라메터를 margin:0; padding:0; border:0; 을 지정해두고 코딩을 시작해요 물론 우선순위를 제일 낮게 하구요ㅎ

그리고 margin 할때 -left 안붙이고

margin: -10px 0 0 15px; 이렇게 사용해요

그리고 width:%; 은 비추천이에요!

margin: -10px 도 비추천요

margin-left:15px;margin-top:-10px; 소스를 변형해보았습니다.


float:left 사용후에 상위에서 clear:both; 한번 쳐주셔서 깨끗하게 만드시는것이 도움됩니다. clear 를 사용합시다.!

float:left; 하고나서
다른것 코딩할때 앞전의 float:left;에 영향을 끼치는 경우가 발생하지 않나요?

그런 오류를 없에기 위해서 사용해요.

네이버 널리에 가시면 clear 사용한 소스 쉽게 찾을수 있어요

제 생각에는 행님 께서는 답을 알고 계시지 않습니까 .ㅎ

웹표준 html5 css3 책을 보면서 코딩하면 자연스럽게 크로스 브라우징 되더라구요 ㅎㅎ 브라우져 다 킬 필요없이 웹표준 검사기만 사용하구요!

행님님은 전설인건 익히 알고 있었어요^^

뭐; 네이버 널리에도 안되는게 있던데요..

<style type="text/css">
#wrap{}
#wrap .content{float:left;margin:-10px 0px 0px 15px;letter-spacing:-0.3em;font:bold 4.5em/1.1em '맑은 고딕',Helvetica,sans-serif;color:#f00;}
#wrap .content01{width:180px;float:right;margin:0px 0px 0px 20px;letter-spacing:-0.05em;font:bold 1.0em/1.5em '맑은 고딕',Helvetica,sans-serif;color:#f00;}
</style>
<div id="wrap">
<span class="content">믹스스킨</span>
<span class="content01">회원인증이 필요한 컨텐츠입니다.<br />정보를 입력한 후 이용이 가능합니다.</span>
</div>

대총 정리해보면 이런거아닌가요?

습관이되버려서요 ㅋㅋㅋ

이런 문제를 타인이 알기는 힘들거 같구요,
어떻게 배치할것인가 하는 문제를 쥐고 계신 분이
구현상의 문제점을 알 수 있겠죠.

IE8, chrome, ff 에서 테스트 해 봤을 때 서로 크게 달라 보이지 않는데 말이죠.
div에 width 정도 주면 더 좋은거 같구요.

float:left를 사용하고서
margin-left를 사용하면 원하던거 보다 두배 더 뛸겁니다.
그점을 염두해 두시고 해 보삼 ^^

아래 링크내용도 한번 참조해 보시면 도움이 되실듯합니다.

http://www.slideshare.net/webstandard/ie6-ie9

엑셀, 인쇄 페이지는 클래스가 먹히지 않음으로 위 코딩방식으로 해야됩니다.

이야 이글에 댓글이~! 하하하.....

저는 코딩시 항상 DTD 선언이 문제가 되었지요^^;;
같은 웹사이트라도, head.sub.php 에 선언된 DTD 선언과 디자이너가 선언한 DTD 가 틀릴때
추가할 페이지를 다시 코딩해야 하는 그 고통이란...
소심해서 디자이너님 한테 뭐라 말도 못하고..;;

뭐 조금 딴 이야기로 빠졌는뎅...;;;
어떤 방식의 코딩이라도 크로스브라우징이 우선이되서, 웹표준에 크게 문제가 되지 않는다면 좋은 코딩이라고 생각합니다.^^

어떤의미에서 개같은 코딩인지요 ^^?

'나는 이러이러해서 이코딩은 개같은 코딩이라 생각한다' 라고 해주시면 더 좋을 것 같습니다.
답변들 적는 분들이 왜 개같은 코딩인지 몰르고 답변을 적은듯해요.