5대 브라우저 중, 2개의 브라우저가 가운데 정렬이 되지 않습니다.

0 투표
782 조회

1. 크롬, 오페라에서 가운데 정렬이 되지 않습니다.

서버 주소 : http://alswjd57.dothome.co.kr/

코딩을 한 후, 5대 브라우저에서 이상없이 뜨는지 확인하는 도중에 문제가 생겼습니다.

IE, 파이어폭스, 사파리는 이상없이 가운데 정렬이 되어 있습니다.

그러나 크롬, 오페라에서는 가운데 정렬이 되어 있지 않습니다. 팝업창의 위치를 가운데 정렬하고 싶습니다. 어떻게 해야 할까요ㅠㅠ margin:0 auto를 해도 안 되고, top은 동일하게 들어가도 left 부분에서.. 크롬&오페라가 맞지 않습니다. 

2. 메뉴 바에 관한 얘기입니다.

서버주소 : http://alsduf57.dothome.co.kr/

이 서버에 들어가시면 Gameking > Gameking , Digimon masters로 되어 있는 메뉴바가 있습니다.

현재, hover시에 연두색 배경으로 바꾸는 것 까지 했습니다. 그 이후로 어떻게 해야 할지 모르겠습니다. 

select 로 하려고도 했었으나, 연두색 배경처럼 색을 바꾸지 못해서 div - ul- li로 코딩을 짰습니다.

화살표를 누르면 저 메뉴들이 나오면서 hover시에 연두색 배경이 나오게 하고 싶습니다. 화살표를 누르기 전 까지는 저 메뉴들이 보이지 않게 하고요. 

http://naradesign.net/ouif/uio/select/xhtml.html

이 링크보고 참고했는데, 어떻게 한 것인지 소스를 봐도 모르겠습니다. 소스를 최대한 따라했는데 뭐가 문제 인지 모르겠습니다;;

 

요청 : 2016년 2월 03일 마크업 언어 분류 내 작성자 alsduf57 (220 포인트)

1 개의 답변

0 투표

<첫 번째 답변>

현재 Chrome 웹브라우저로 보면 이상이 없어보입니다.

 

<두 번째 답변>

제공된 CSS 코드와 JavaScript 코드가 함께 처리되어야 합니다.

다음을 참고하십시오.

https://jsfiddle.net/Cydemy/161rn8vh/

 

답변: 2016년 2월 04일 작성자 qsadmin (2,100 포인트)
수정일시 : 2016년 2월 04일 작성자 qsadmin