레이아웃, css로 틀잡기 시리즈

Saturday, July 16, 2005

앞으로 한주간 레이아웃들을 종류대로 한번 만드는 약간은 실무적인 부분을 다루어 보겠습니다. 기본 틀을 잡는것이 상당히 중요한데, 이 부분을 제가 이것저것 나누었던 css 핵도 써보고 하면서 다루도록 하겠습니다. 시간이 된다면 테이블로 제작된 사이트를 직접 예를 들어 xhtml 과 css 를 사용해서 바꾸어 보겠습니다. ^^ 가끔은 약간의 javascript도;;;

content examples
.

지금 주말동안 적어도 2개의 사이트를 마무리 해야하고, 다음주 중으로 하나 더 끝내야 하기에 일 다녀와서 남는 시간으로 모든걸 다 할수 있을지 모르겠습니다. ㅎㅎ

아무튼 멋진 주말들 되셨으면 하네요.
.

semkim new logo
<– ? ?

.
.

  1. daybreaker

    daybreaker

    Jul/16/05 @ 4:16 pm

    전 첫 번째(왼쪽 위) 나온 형태로 레이아웃을 잡고 작업하고 있는데, float:left, float:left, clear:both만 쓰면 되는 간단한 것인데도 망할 놈의 IE는 두번째 float div에 margin-right: -3px를 주어야 제대로 되더라는 겁니다. ㅠㅠ :evil:

  2. tux

    tux

    Jul/16/05 @ 8:01 pm

    IE 의 3픽셀의 여유;;가 항상 사람 짜증나게 합니다. :twisted:

  3. 일모리

    일모리

    Jul/16/05 @ 11:00 pm

    ㅎㅎㅎㅎ float 이 무섭죠. 가능하면 두번째를 float:right; 해주시면 해결이 되기는합니다. 물론 positioning 을 쓰셔도 되구요. “3픽셀의 여유” 이 문구 좋네요 나중에 써먹을만한~!

  4. QuickPlay

    QuickPlay

    Jul/17/05 @ 7:39 pm

    ^^* 기대할께요 일몰님 :shock:

  5. 까만공돌이

    까만공돌이

    Jul/19/05 @ 12:21 am

    개인적으로 4번째 같은 디자인을 구현할려면 머리 꽤나 아프겠다는 생각이 드네요.

    전 간단한 디자인을 무척이나 좋아합니다. 특히 이미지가 안들어간 디자인은 정말 정말 정말 좋아합니다. ;;

  6. yser

    yser

    Jul/25/05 @ 9:27 am

    bug evils..:twisted:

    float, float, Float my head..!
    position, position, swamp Position..

    orz

  • html 코드삽입시 [code lang="xml"] 과 [/code] 를 앞뒤에 붙여주시고
    css 코드삽입시 [code lang="css"] 와 [/code] 를 앞뒤에 붙여주세요