DIV가운데 정렬 문제...

황정연 · Post by **황정연** » 2005 04 10 13:07 46

이번에 DIV의 활용법을 알게되어서 홈페이지에 여러겹의 테이블들을 DIV로 모두 변환해서 CSS를 적용해 봤습니다.
훨씬 깔끔해지는데...몇가지 문제에 부딪히네요..

http://www.odgin.com/wiki/skins/whiteman/skin.php
이거 보시면 우선 한줄에 위치한 div들을 가운데로 몰고 싶은데 비표준인 <center>를 써도 안되고 포지션 어쩌구 써도 안되고 margin 0px auto를 해도 안되었습니다.
소스를 어떻게 변환해야 가능할까요?

그리고 추가로 제가 지금 html4.01표준에 맞추려고 계획중인데 <a href=링크>의 '링크'속에 '&'표시를 대체문자로 변경해서 사용해야 하나요?[/url]

Post by **hyeonseok** » 2005 04 11 10:09 54

IE6는 표준 랜더링 모드와 호환 랜더링 모드, 두개의 랜더링 모드가 존재 합니다.

표준 랜더링 모드를 사용하시려면 정확한 DTD 선언을 하셔야 하고 HTML 4.01 의 경우

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

와 같이 선언해 주셔야 합니다.

그러면 margin: 0 auto;

로 하시면 적용이 될 것입니다.

그리고 HTML 4.01 에서 url 의 & 은 & 와 같이 써주셔야 합니다.

황정연 · Post by **황정연** » 2005 04 11 17:23 41

감사합니다.
&도 &로 다 바꿔서 출력해도록 했고
가운데 정렬도 무사히 적용하였습니다.
다시한번 감사드립니다.^^

okoru · Post by **okoru** » 2005 04 15 09:59 42

Code: Select all

#main {
  position: absolute;
  width: 200px;
  left: 50%;
  margin-left: -100px;
}

뭐, 이런 방법도..

Post by **hyeonseok** » 2005 04 15 12:58 39

okoru wrote:
Code: Select all
#main {
  position: absolute;
  width: 200px;
  left: 50%;
  margin-left: -100px;
}
뭐, 이런 방법도..

이 방법의 가장 큰 단점은 큰 block 의 경우 사용할 수 없다는 것 입니다. block 이 창크기보다 작으면 페이지 밖으로 사라지거든요. 작은 메세지창 같은 경우는 유용하게 사용 할 수 있습니다. vertical align 에 사용할 수 있다는 것이 큰 장점이죠.

Mozilla 한국 커뮤니티

DIV가운데 정렬 문제...

DIV가운데 정렬 문제...

Who is online