브라우저마다 메뉴적용이 다르게 나와요ㅠㅠ
도1도캣
아시는 분께 부탁드려요..
메뉴를 플래시로 만들면 안되서 자바스크립트와 제이쿼리를 이용해서 메뉴를 만들었습니다.
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사이즈를 인식 못해서
화면 모양같이 된 것 같습니다.
-
아픔이보여
ㅠㅠ 결국에 안 되었어요.. 가로크기를 주려고 table width=1060을 주었는데.. 그걸 지워보니 익스플로러9도 파이어폭스와 똑같은 화면에러가 있어요.. 이 작업소스가 사이트에 올리기 어려운데요.. 혹시 메일로 드리면 봐 주실수 있을까요??
-
첫삥
감사해요^^ 어디가 문제인지조차 모르니까 더 어려운 것 같아요ㅠㅠ
포지션을 확인해볼께요^^ -
은소라
포지션의 잘못된 사용으로 인해 나타나는 문제로 보입니다.
어떻게 잘못 사용되었는지는 소스를 봐야 알고요.