HTML 태그 아시는 분께 질문드려요. (1024x768 해상도에 맞게 수정, 단말기/아이패드 호환 수정 등)

한 1년 업데이트 안 했더니, 죽어버린 저의 '메리 루이즈 파커 팬사이트'를 수정하려고 합니다.

 

 

 

 

1. 1024 x 786 해상도로 사이트를 수정하고 싶어요.

여태껏 만든 게 저 해상도 기준이었는데, 저 이상의 해상도에서는 가로로 축 벌어져버리더라고요.

그래서 절대값으로 해서, 1024 x 786 해상도 비율을 유지하고, 가로가 벌어지지 않도록 하면서,

대신 가장자리 좌우측 부분은 흰색으로 여백을 주고 싶거든요.

현재 소스는 아래와 같이 되어 있는데요.

프레임셋 콜스 부분을 뭔가 절대값 수치로 넣어줘야 할까요.

 

<html>
<head>
<meta name="GENERATOR" content="Namo WebEditor v6.0">
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<title>Nam's Mary-Louise Parker Fansite - mlparker.cafe24.com</title>
</head>

<frameset cols="15%, 70%, 15%" border="1">
    <frame name="left" scrolling="yes" marginwidth="10" marginheight="14" src="frame2.htm" noresize>
    <frameset rows="92, 455">
        <frame name="header" scrolling="yes" marginwidth="10" marginheight="14" src="frame1.htm" noresize>
        <frame name="detail" scrolling="yes" marginwidth="10" marginheight="14" src="frame3.htm" noresize>
    </frameset><frame name="right" scrolling="auto" marginwidth="10" marginheight="14" src="frame4.htm">
    <noframes>
    <body bgcolor="white" text="black" link="blue" vlink="purple" alink="red">
    </body>
    </noframes>
</frameset>

</html>

 

 

2. 노트북에서는 괜찮은데 아이패드나 휴대폰에서

 'Nam's Mary-Louise Parker Fansite' 제목 프레임 부분과 메인 프레임 간의 선이 아래로 축 쳐집니다.

이건 어떻게 수정해야할까요.ㅜ

    • 원인을 이미 알고 계시네요. 절대값으로 넣어주셔야 할듯.
      • 그냥 숫자만 넣음 되나요? 1024를 분해해서 넣으면 되는지요.

        2번 같은 경우는 위에가 절대값 100이라 치면 아래는 어떻게 넣어야 하나요. 100을 뺀 나머지를 어떻게 표현해야 하는지
    • 다른 해상도에서도 제대로 보이는 걸 의도하시는 거니까 1024를 무작정 분해하시면 안되지 않을까요. (제 능력으론 여기까지;;;;;)
      • 본문에서 말한 것처럼 다른 해상도에선 좌우 남는 쪽을 흰색으로 비워보이게 하고싶어요
    • 100을 뺀 나머지는 *로 표시해주시면 됩니다. frameset rows="92, *" 이런 식으로요. 근데 가로는... cols="*,700,*" 이렇게 하고 왼쪽 프레임은 오른쪽 정렬, 오른쪽 프레임은 왼쪽 정렬하면 되려나요; 프레임쓴지 오래되어 잘 모르겠네요OTL
    • august님 말씀처럼 하시면 원하시는 90%정도는 해결될거라고 생각하는데. 좌우 남는쪽을 흰색으로 비워보이게 하고 싶은거라면 좀 애매하네요.
      프레임셋 홈페이지로는 가능하지 않을듯해요.
    • 제가 볼때는 다음이나 네이트 검색결과 화면 처럼 되는 걸 원하시는 거 같은데 이게 원하시는 것이 맞는지 모르겠습니다.
      (저도 메리 루이스 파커 왕팬으로 한번 해봤습니다 ^^)

      [frameset cols="170, *, 150" border="0"]
      [frame name="left" scrolling="yes" marginwidth="10" marginheight="14" src="http://mlparker.cafe24.com/frame2.htm" noresize]
      [frameset rows="92, *"]
      [frame name="header" scrolling="no" marginwidth="10" marginheight="14" src="http://mlparker.cafe24.com/frame1.htm" noresize]
      [frame name="detail" scrolling="yes" marginwidth="10" marginheight="14" src="http://mlparker.cafe24.com/frame3.htm" noresize]
      [/frameset]
      [frame name="right" scrolling="auto" marginwidth="10" marginheight="14" src="http://mlparker.cafe24.com/frame4.htm"]
      [/frameset]

      그리고 패드등 모바일에서 크로스브라우징을 원하시면 도큐타입부터 표준으로 맞추셔서 작업하셔야 제대로 나올듯하고,
      프레임셋은 좀 한계가 있습니다.

      그리고 컨텐츠 영역 detail프레임 즉, frame3.htm의 컨텐츠의 넓이 값이 좀 커서 좌측영역과 우측영역 모두 1024사이즈 맞추면
      어쩔수 없이 컨텐츠 영역에서 가로 스크롤이 생기네요.

      '['은 '< '으로 바꾸어서 해보세요.

게시판 2012

번호 제목 글쓴이 조회 날짜
[공지] 게시판 규칙, FAQ, 기타등등 462,409 01-31
[공지] 게시판 관리 원칙. 147,941 12-31
제 트위터 부계입니다. 3 122,153 04-01
130354 새해복 많이 받으세요 10 187 12-31
130353 아바타 3를 보고 유스포 2 192 12-31
130352 [핵바낭] 올해 잉여질 결산 잡담 14 334 12-31
130351 아바타: 불 과 재 보고 왔어요 짤막 소감 6 232 12-31
130350 [영화강추] '척의 일생' 8 249 12-31
130349 흑백요리사 2 8~10회, 싱어게인 4 탑 4 결정 6 285 12-31
130348 Lacombe Lucien(1974) 7 131 12-31
130347 [관리] 25년도 보고 및 신고 관련 정보. 15 324 12-31
130346 Isiah Whitlock Jr. 1954 - 2025 R.I.P. 2 139 12-31
130345 [왓챠바낭] 우편배달부 말고 '포스트맨은 벨을 두번 울린다' 잡담입니다 12 268 12-31
130344 [넷플] 말 많고 탈 많은 '대홍수' 드디어 봤습니다 14 454 12-30
130343 [반말주의] 다들 올해 고생 많았어!! 새해 모두 건강하고 복 터지길 바래!! 12 186 12-30