2013-03-27 12:00:27 - 본인 요청으로 인한 삭제 (냉무) ☆ > 십년전오늘

십년전오늘

10년전 추억의 책장을 넘기며

2013-03-27 12:00:27 - 본인 요청으로 인한 삭제 (냉무) ☆ 정보

2013-03-27 12:00:27 - 본인 요청으로 인한 삭제 (냉무) ☆

본문

  • 복사

댓글 전체

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

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

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

margin: -10px 0 0 15px; 이렇게 사용해요
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 정도 주면 더 좋은거 같구요.
문제제기가 %도 될 수 있습니다.

때론 브라우즈에 따라서 완벽한 픽셀을 요구하기도 합니다.
그렇게 놀다 보니까...

이건 아니지요 ...

왜? 통합은 안대는긴데 ... 이기 저희 플, 디의 최종 할 말 입니다...
결국 우리를 지기는게 ... 웹 표준인데 ... 브라우즈의 통합이 미루어지니 ... 그라고 ... 각기 설정을 따따로 하고 있으니 ... 플, 딘들 고생이 많다... 이 말입니다....
저는 코딩시 항상 DTD 선언이 문제가 되었지요^^;;
같은 웹사이트라도, head.sub.php 에 선언된 DTD 선언과 디자이너가 선언한 DTD 가 틀릴때
추가할 페이지를 다시 코딩해야 하는 그 고통이란...
소심해서 디자이너님 한테 뭐라 말도 못하고..;;

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

'나는 이러이러해서 이코딩은 개같은 코딩이라 생각한다' 라고 해주시면 더 좋을 것 같습니다.
답변들 적는 분들이 왜 개같은 코딩인지 몰르고 답변을 적은듯해요.
© SIRSOFT
현재 페이지 제일 처음으로