수다닷컴

다음 밑에 내용으로 질문을 올려서 답변을 받고 수정해 보았습니다.
그랬더니 파이어폭스는 수정이 거의 되었는데요..
크롬은 CSS를 못 읽는 것인지 그대로 입니다.
검색하다 보니까 크롬은CSS를 잘 못 읽는다는 걸 본 것 같은데요..
맞는지요.. 그럼 방법은 없을까요??******아래내용은 참조 내용입니다^^ (수정은 div wrap으로 전체 씌어서 css의 width에 적당한 가로 값을 넣었습니다.)

메뉴를 플래시로 만들면 안되서 자바스크립트와 제이쿼리를 이용해서 메뉴를 만들었습니다.
1.로고 / 2.메뉴 (마우스 올리면 밑으로 가로 하위메뉴) / 3.HOME아이콘 / 4.Logout아이콘

그런데.. 익스플로러9에서는 위치가 다 맞게 잘 되는데
크롬, 파이어폭스, 모바일에선.. 위치가 많이 안 맞게 나오고 있어요..
모바일은 크롬과 비슷하게 나옵니다.
이미지 참조했는데요..
제가 초보라서...복잡한 문제일 수도 있지만.. 간단한 문제로 헤매고 있을 것 같기도 해요ㅠㅠ
브라우저가 호환되는 간단한 입력코드를 넣어줘야한다던가.. 하는 문제일지도 모르겠어요^^;;

답변 주시면 정말 감사드려요^^

1. 익스플로러9 정상화면

*로고 - 메뉴바 (상위메뉴 밑으로 하위메뉴 나옴) - HOME버튼 - Logout버튼

2. 파이어폭스
1) 전체가 조금 내려가고 하위메뉴는 상위메뉴 아래에 떠야하는데 위에 뜹니다.
2) 상위메뉴의 글씨 위치가 조금 안 맞습니다.
3) home 버튼과 logout버튼이 align=right 로 하니 브라우저 크기 1280으로 넣은게 적용이 안 되어서 저렇게 끝으로
나온 것 같습니다.

3. 크롬, 모바일
1) 로고가 밑으로 들어갔습니다. 로고의 크기를 인식하지 못해서 메뉴바가 맨 앞부터 나와서 겹친 것 같습니다.
2) 파이어폭스와 마찬가지로 전체적으로 밑으로 내려가고 하위메뉴가 상위메뉴 아래로 나오지 않고 위에 뜹니다.
3) 파이어폭스와 마찬가지로 home버튼과 logout버튼이 align=right 적용되면서 1280사이즈를 인식 못해서
화면 모양같이 된 것 같습니다. (수정은 div wrap으로 전체 씌어서 css의 width에 적당한 가로 값을 넣었습니다.)

신청하기