재질문) 2000년대 포토샵기법의 홈페이지 레이아웃 제작, 가능할까요?
관련링크
본문
며칠 전 올렸던 질문( https://sir.kr/qa/414763?page=4 )에 답변 주신 @닥시 님께 감사를 드립니다.
답변을 받고 보니, 질문에 오류가 있어 다시 보충하여 질문 드립니다.
답변 전에 https://sir.kr/qa/414763?page=4 에서 첫질문 꼭 확인하시고, 아래 질문을 확인 부탁 드립니다.
---------------------------------------------------------------------------------------------------------------------
웹사이트의 레이아웃입니다.
저는 이 레이아웃을 어느 해상도에서도 전체화면으로 나타내려고 합니다. (당연한 얘기겠죠~~^^;;)
구성 : A + B + C (10% + 80% + 10%)
A + D + G (10% + 80% + 10%)
즉, 각 모퉁이에는 10%를 할당받으며, 주어진 이미지로 나타납니다.
B, H는 세로 1pixel 이미지로 채워집니다.
D, F는 가로 1pixel 이미지로 채워집니다.
프레임이 완성되면 비워진 E 영역에 컨텐츠를 제공합니다.
---------------------------------------------------------------------------------------------------------------------
기본은 이러한데, 예전에 frameset을 썼을때는 간단하게 해결이 가능했는데, html5 + css로 해결하려니 많은 어려움이 있네요...
혹시 html5 + css , html5 + css + js 등등 가능한 방법이 있는지 다시한번 여쭤봅니다.^^
답변 2
원하시는걸 정확히 이해는 힘들지만
div tag 쓰시고 style 을 radius 해서 구현하면 될듯 한데요. 가로 세로는 % 로요.
참고하세요.
바탕화면에 있는 그림(아이패드 모양 사진)으로 가정한다고 하면..
화면이 lg 이상일 때의 큰 사이즈 아이패드 한개와
화면이 sm 이상일 때의 조금 작은 사이즈 아이패드를 준비해서..
각각에 맞게 넣으면 될 것 같습니다.