css 어렵다 ㅠ..ㅠ... 정보
css 어렵다 ㅠ..ㅠ...본문
ie에서 코딩을 하면서, 당연히 firefox는 되겠지 생각했는데,
firefox에서 마우스가 먹지 않네요.. 위치도 튕겨나가고.ㅠ..ㅠ..
너무 어렵습니다. 다시 테이블로 가야하나 신중하게 고민중입니다.
firefox에서 마우스가 먹지 않네요.. 위치도 튕겨나가고.ㅠ..ㅠ..
너무 어렵습니다. 다시 테이블로 가야하나 신중하게 고민중입니다.
추천
1
1
댓글 17개
불여우에 맞출려고하면 ie에서의 매끄러운 부분은 거의 포기해야할듯...
그렇다고 저같은 경우도 불여우에 맞출려고 무지 노력했으나..이젠 불여우브라우저를 포기한상태..ㅎㅎ
뭐 많이사용하는 브라우저에 맞추고 말지라는 생각이들뿐이더라구요.
불당님 말처럼css만으로 코딩하기는 무척어렵더라구요. 그래서 그냥 테이블이랑 썪어서...
개인적인 생각이지만
괜히 양쪽다 맞출려고보면 레이아웃 뽀다구도 뽀다구지만 시간만 낭비하는 꼴이..
그렇다고 저같은 경우도 불여우에 맞출려고 무지 노력했으나..이젠 불여우브라우저를 포기한상태..ㅎㅎ
뭐 많이사용하는 브라우저에 맞추고 말지라는 생각이들뿐이더라구요.
불당님 말처럼css만으로 코딩하기는 무척어렵더라구요. 그래서 그냥 테이블이랑 썪어서...
개인적인 생각이지만
괜히 양쪽다 맞출려고보면 레이아웃 뽀다구도 뽀다구지만 시간만 낭비하는 꼴이..
ㅠ..ㅠ...
약간의 css hack 은 뇌의 스트레스를 덜어줍니다..ㅋㅋ
뭘 바꿨는지 기억도 없는데, 위치가 마구 날라가는 통이 미치겠습니다. ㅠ..ㅠ...
저는 Ctrl + Z 를 자주씁니다~ ㅎㅎㅎ 안그럼 진짜 뭘 건드린지도 잘 몰라서리 ㅎㅎ
전 Ctrl + Z 많이 하다. 입력해 둔 정보도 날아 가서 Ctrl + y도 많이 합니다.
뒤로 돌리고 앞으로 돌리고(^^)
뒤로 돌리고 앞으로 돌리고(^^)
ctrl + y ㅋㅋㅋ 유용하죠 ㅋㅋㅋ
순차적 로딩을 생각하여 코딩하면 테이블도 무리 없습니다.
일단 DTD를 선언해 주시고
FF기준으로 작성해 보시고 IE로 확인해 보세요 ^^
FF기준으로 작성해 보시고 IE로 확인해 보세요 ^^
최소한 레이아웃만큼은 철저하게 CSS로 해두시는게 좋을겁니다.
레이아웃의 유연성(드래그나 유니트의 이동같은것 등)을 생각해보면 포기할수 없는건데...ㅠㅠ
표준계 브라우저가 CSS코드를 엄격하게 해석하는걸로 보입니다.
그러니까 먼저 불여우에서 작업하고(불여우 Web Developer 플러그인 설치후 CSS(View Style Infomation) 메뉴와 Outlile(Block Level Elements)메뉴를 적극활용..)
https://addons.mozilla.org/ko/firefox/search?q=Web+Developer&cat=1%2C4
--플러그인 중에 FireBug도 함께 설치하면 스크립트작업에도 많은 도움이 되실겁니다.
좀 익숙해지면 가벼운 크롬으로 작업하면 좋고요..
전 크롬으로 작업하고 불여우,ie7에서 확인(이눔들 셋은 크게 다르지 않은듯..)합니다.
맨 나중에 ie6에서 확인하면서 필요한 부분에 ie hack을 적용하는 순서로 진행하시면 편리합니다.
ie의 너그러움? 때문에 이걸로 먼저해놓고 고치려면 작업이 훨씬 더 힘듭니다.
한번만 넘기면 쉽다고 말씀하시고 포기하시믄 안되죠.^^
정안되시믄 레이아웃을 설명과함께 스케치해서 올려주세요.. 제가 틈내서 삽질을.........ㅎㅎ
레이아웃의 유연성(드래그나 유니트의 이동같은것 등)을 생각해보면 포기할수 없는건데...ㅠㅠ
표준계 브라우저가 CSS코드를 엄격하게 해석하는걸로 보입니다.
그러니까 먼저 불여우에서 작업하고(불여우 Web Developer 플러그인 설치후 CSS(View Style Infomation) 메뉴와 Outlile(Block Level Elements)메뉴를 적극활용..)
https://addons.mozilla.org/ko/firefox/search?q=Web+Developer&cat=1%2C4
--플러그인 중에 FireBug도 함께 설치하면 스크립트작업에도 많은 도움이 되실겁니다.
좀 익숙해지면 가벼운 크롬으로 작업하면 좋고요..
전 크롬으로 작업하고 불여우,ie7에서 확인(이눔들 셋은 크게 다르지 않은듯..)합니다.
맨 나중에 ie6에서 확인하면서 필요한 부분에 ie hack을 적용하는 순서로 진행하시면 편리합니다.
ie의 너그러움? 때문에 이걸로 먼저해놓고 고치려면 작업이 훨씬 더 힘듭니다.
한번만 넘기면 쉽다고 말씀하시고 포기하시믄 안되죠.^^
정안되시믄 레이아웃을 설명과함께 스케치해서 올려주세요.. 제가 틈내서 삽질을.........ㅎㅎ
저는 ie7에서 작업하고, 가끔씩 firefox에서 검증하는데...ㅠ..ㅠ...
레이아웃의 유연성이나 jQuery와의 결합을 생각하면 css로 해야죠. 휴...
레이아웃의 유연성이나 jQuery와의 결합을 생각하면 css로 해야죠. 휴...
파이어폭스,크롬 보다 높은 웹표준 브라우저가 오페라10 이라죠?..
웹표준을 테스트하는 ‘Acid3’ 에서 오페라10은 만점을 받았지요.
그리고 파이어폭스는 89점..
그아래 크롬..
최하위 익스플로러..2x점인가 받았던 기억이..
오페라10으로 작업을 유도 해보시는것도 웹표준 공부에 큰 도움이 될꺼라 생각합니다.
웹표준을 테스트하는 ‘Acid3’ 에서 오페라10은 만점을 받았지요.
그리고 파이어폭스는 89점..
그아래 크롬..
최하위 익스플로러..2x점인가 받았던 기억이..
오페라10으로 작업을 유도 해보시는것도 웹표준 공부에 큰 도움이 될꺼라 생각합니다.
전 일단 ie에서 작업하구 ff랑 오페라 크롬에서 확인합니다.
테이블을 쓰다보니 크게 위치가 어긋나거나 하진 않더라구요. 테이블의 장점인듯..
요즘 슬슬 css랑 div쓰는데 이거 브라우징작업하는데도 시간이 적잖게 소비되는것을 느끼고 있습니다.
속성태그 선택잘못하면 브라우저마다 다르게 표현되더라구요.
테이블을 쓰다보니 크게 위치가 어긋나거나 하진 않더라구요. 테이블의 장점인듯..
요즘 슬슬 css랑 div쓰는데 이거 브라우징작업하는데도 시간이 적잖게 소비되는것을 느끼고 있습니다.
속성태그 선택잘못하면 브라우저마다 다르게 표현되더라구요.
IE랑 FF계열은 미미 하지만 레이아웃이 조금 달라 보일때가 있어서 값을 따로 매겨놓는데요,
그런데 아래 예외 같이 사용해도 되나요?
요즘 아래처럼 코딩하는데.. #이 핵이라고 들었습니다.
#A{ position:absolute; left:-245px; top:31px; width:603px; height:103px; z-index:1;}
html>body #B{ position:absolute; left:-163px; top:31px; width:602px; height:278px; z-index:2;}
그런데 아래 예외 같이 사용해도 되나요?
요즘 아래처럼 코딩하는데.. #이 핵이라고 들었습니다.
#A{ position:absolute; left:-245px; top:31px; width:603px; height:103px; z-index:1;}
html>body #B{ position:absolute; left:-163px; top:31px; width:602px; height:278px; z-index:2;}
# 이 왜 핵인가요 ?
id는 #
class는 .
id는 #
class는 .
.test {margin:0px;_margin:10px} .....익스를 제외한 브라우저는 margin값이 0px고
익스에선 10px로 인식하는...css 핵입니당..
핵도 잘 사용하면 익스/파폭 서로 다른 홈페이지도 만들수 있어요..ㅋㅋ
근데 많이 사용하면 부작용이 일어납니다.!~
익스에선 10px로 인식하는...css 핵입니당..
핵도 잘 사용하면 익스/파폭 서로 다른 홈페이지도 만들수 있어요..ㅋㅋ
근데 많이 사용하면 부작용이 일어납니다.!~
핵이 필요 없게 레이아웃 잡는게 가장 좋은것 같습니다. ㅋㅋ