HOME > 게시판 > 기타
게시판| 기타
※ 게시판 용도에 맞지 않는 글(광고및 홍보 글 등)은 임의삭제될 수 있습니다.

 
작성일 : 04-05-27 14:12
스타일시트에서 position:relative 관련 질문입니다.
 글쓴이 : 이호상
조회 : 2,144  
안녕하세요.

표 상단에다가 그림버턴을 통해 메뉴를 만들려고 합니다.
표는 해상도, 창크기에 상관없이 항상 중앙에 오게 할려고 아래처럼
position을 relative 로 잡았습니다.

css 화일에다가 다음과 같이 클래스를 정의했습니다.

.home { position:relative; left:154px; top:53px;}
.introduction { position:relative; left:203px; top: 9px;}
.professor { position:relative; left:304px; top: -30px;}
.members { position:relative; left:382px; top: -60px;}
.publication { position:relative; left:448px; top: 0px;}
.pds { position:relative; left:535px; top: 0px;}
.board { position:relative; left:625px; top: 0px;}
.links { position:relative; left:679px; top: 0px;}

그리고, 저 클래스에 맞게 그림 파일을 불러서 메뉴버튼을 만들었는데요.
다음과 같이요.

<body>
<p class=home>
<a href="index.php"><img src="images/top_home.gif" border="0"></a>
</p>
<p class=introduction>
<a href="introduction.php"><img src="images/top_introduction.gif" border="0"></a>
</p>
<p class=professor>
<a href="professor.php"><img src="images/top_professor.gif" border="0"></a>
</p>
<p class=members>
<a href="members/members.php"><img src="images/top_members.gif" border="0"></a>
</p>
<p class=publication>
<a href="publication.php"><img src="images/top_publication.gif" border="0"></a>
</p>
<p class=pds>
<a href="pds/pds.php"><img src="images/top_pds.gif" border="0"></a>
</p>
<p class=board>
<a href="board/board.php"><img src="images/top_board.gif" border="0"></a>
</p>
<p class=links>
<a href="links.php"><img src="images/top_links.gif" border="0"></a>
</p>

그런데 문제가 발생했습니다.
저렇게 하니까, 표의 height 값이 계속 커지드라구요.
혹시 이거 해결하실 수 있는 분 계신지요. ㅜ.ㅠ
도와주시면 고맙겠습니다. _(__)_

참, position:absolute 로 하라는 답변은 사양하겠습니다.
absoulte 로 하면 창크기를 변화시키면 메뉴가 따로 놀더군요.

이 글을 트위터로 보내기 이 글을 페이스북으로 보내기