이건 아무리해도 답이안나오네용 ㅠ

이미지대로 현재 레이아웃구성중인데

상단에 헤더부분(회색)은 vertical-align: top;

으로 안움직에게 해논상태고 그위로 이미지처럼 로고(빨강) 우측에는 메뉴(파랑)가있는데

초록색부분은 컨텐츠이구요

로고와 메뉴 위치를 잡기위해서 방법이 margin , padding  값주면서 위치 조절방법뿐이 모르겠는데..

그렇게하니깐 익스플로러나 크롬에서 보기 %값에따라서 다 달라지고 아이패드나 아이폰같은경우는 메뉴가 안보이고

화면크기에맞게 이게 사라져버리니..

우찌해야될지 모르겠네요...