div 가변 센터정렬 질문이요..ㅠ
여신
2023.04.01
안녕하세요.
혼자 막 해보다가 이게 불가능한데 혼자 삽질하고 있는건가 해서 질문 올려봅니다..ㅠㅠ
전체 left정렬을 하면서 고정LNB메뉴와 가변 본문내용 배치는 가능한데요.
제가 지금 필요한거는 LNB메뉴와 가변 본문내용을 센터 정렬하는 것입니다.
right:50%를 사용해서 가변된 크기에 따라 센터정렬을 하도록 만들었지만 문제는 창을 줄엿을때 스크롤이 생기는데
이 right:50%때문에 LNB가 계속 줄어버려 결국엔 창을 최대로 작게 만들엇을때 LNB가 보이지 않는 문제가 생깁니다.
전체 left정렬로 하게되면 창을 최대로 줄여도 LNB에서 멈추기 때문에 상관이 없는데요 저방법으로 가라?로 센터 정렬을 시켯더니 LNB메뉴을 지나고 right:50%지점에서 멈춰버려 창을 최대로 줄여버리면 LNB가 안보이는 문제가 생겨요.ㅠ
이거 해결방법없을까요? 본문가변크기에 따라서 전체내용을 센터정렬하면서 창을 최대로 줄엿을때 LNB가 보이는데까지 줄여지도록이요..ㅠㅠ
html4의 경우 center 태그를 이용하면 레이아웃이 가운데로 오지만 html5의 경우 center태그를 지원하지않고 text-align:center는 인라인요소만 가능하고 auto기능은 width크기를 지정해줘야되서 가변크기에 대응하면서 center정렬을 해주는걸 해결을 못하고있습니다. 정녕 방법이 없는건가요??
도와주시면 정말 감사하겠습니다..ㅠㅠ