Comments on: 레이아웃 시리즈 #1

By: 일모리

일모리 — Thu, 03 Apr 2008 03:36:58 +0000

ㅎㅎ overflow님의 댓글들이 주르르 달려있군요 댓글에서 열정이 느껴집니다. 힘내시기 바랍니다. 화이팅입니다.

By: overflow

overflow — Wed, 02 Apr 2008 11:33:00 +0000

저런 간단한 구조보다 더 복잡한 구조로 작업을 하다보면 머리에서 열불이 나더라구요;
박스모델은 브라우저마다 기본적인 간격이 불규칙하게 존재해서 미세한 간격을 조절하기가 쉽지 않았습니다.
이쪽에 조금 margin 이나 padding 을 주면 다른쪽에서 밀려 내려가거나 하는..
요즘은 어느정도 이골이 나서 대처접에 대해 적응이 되긴 했지만;;
좀더 공부해야겠죠~

By: (주) 순일땅의 조용한 아지트

(주) 순일땅의 조용한 아지트 — Fri, 22 Jun 2007 16:10:21 +0000

사이드바 배경문제 해걸……

1단 레이아웃 구상도…css 스타일을 이것저것 만지면서 사진 블로그용 1단 레이아웃을 구상하고 있었다. 구상중인 레이아웃은, 윗쪽엔 블로그 제목만 있는 헤더, 중간엔 포스트와 다른 페이지…

By: 쉼터

쉼터 — Thu, 24 Aug 2006 23:23:55 +0000

웹페이지 훔쳐보기……

많은 웹페이지들은 소스공개를 막고자… onContextMenu=”return false” onDragStart=”return false” onSelectStart=”return false” 와 같은 스크립트를 이용한다… 또, 웹페이지의 디렉토리를 포함한 파일명이나 …

By: 퍼니러브

퍼니러브 — Mon, 22 Aug 2005 21:08:30 +0000

음.. 태그가 지워져있네요;;

[table][th][tr]이랑 놀다가 이제는 [div]와 주로 놀고있어요.. 입니다 ㅎㅎ

By: 퍼니러브

퍼니러브 — Mon, 22 Aug 2005 18:37:52 +0000

잘 보고 있습니다 맨날 랑만 놀았는데 요새는 주로 와 놀고 있어요.

css노가다를 하다보니 한가지 궁금한 것이 생겼는데.. 왜 에서는 valign만 먹이면 그 안에 어떤것이 오든 그냥 정렬이 되잖아요? 안에 텍스트가 2줄이 되었든 3줄이 되었든..

근데 div에서는 line-height을 주고; 내용이 2줄이 넘어가면 line-height만큼 떨어지게 되는데.. 극복할 만한 방법이 없을까해서요.. 1줄이될수도 있고 2줄이 될 수도 있는데 자동으로 middle로 맞춰지게 할 수 있는 방법이 없을까요?

By: 일모리

일모리 — Thu, 04 Aug 2005 17:46:19 +0000

네 계기가 됬다니 힘이나는군요. 김동구님께 좋은 결과 있으셨으면 합니다. ^^ 혹질문 있으시면 서슴치 말구 해주세요. 굼벵이라해도 천리길도 한걸음 부터라고 하지 않나요 화이팅입니다

By: 김동구

김동구 — Thu, 04 Aug 2005 16:43:44 +0000

감사합니다.
많은 도움 받고 있습니다. 웹표준에 대한 새로운 인식의 기회도 가질 수 있었구요.
지금 운영 중인 몇 개 사이트를 열심히 적용 중이랍니다.
작업 속도가 굼벵이나, 이곳 참고하며 차근히 해나가고 있답니다.

By: 일모리

일모리 — Thu, 21 Jul 2005 00:14:36 +0000

직접 sidebar 가 늘어나진 않지만 그들을 담고 있는 middle 이 늘어나느것을 이용해서 베너 부분을 넣을수 있습니다.
#banner 라는 div 를 #middle 안에 넣으신 후에,

#middle 에 position: relative; 를 주고, #banner 를 이렇게 해줍니다.

#banner {position:absolute; bottom: 10px; left: 0; width: 200px; height: 50px;}

이렇게 absolute 포지션을 주면 #middle 안에서 마음대로 어느곳에나 위치할수 있습니다. 늘어나면서 당연히 맨 밑에서 10px 되는곳에 위치하겠죠.
혹시나 이게 도움이 되셨기를 바랍니다.

그리고 content 의 문제는 핵을 쓰지 않아도 됩니다. min-height: 300px; 로 정해주어 적어도 300px 의 높이가 되게 한 후에 나머지는 계속 길어지게 설정을 해주면 되겠죠. 아예 height 값을 없에던지요. css 에서는 특별한 디자인상의 요구가 아니면 height 의 길이는 특히나 본문 부분에는 정하지 않는것이 좋습니다. ^^

apple440// 아 감사합니다. apple440 님 블로그가 점점 멋져가더군요 ㅎㅎ

By: A2

A2 — Thu, 21 Jul 2005 00:05:43 +0000

준호// min-height 라는 것이 있습니다.
이것을 사용하면 최소 높이가 정해져서 내용이 늘어나서 최소 높이를 넘어버리면 자동으로 늘어납니다.
하지만 IE는 이것을 지원하지 못합니다. ㅡㅡ;
IE에서 자동으로 늘어나는 것은 표준에 어긋난 행위인데 이것을 사용하는 수 밖에 없습니다.

#main{min-height: 400px;} /*표준*/
*html #main{height: 400px;} /*IE전용*/

때문에 이렇게 스타일을 넣으시면 됩니다.
불여우는 표준대로 동작하고 IE는 높이를 고정시켜도 늘어나주는 센스(?)를 이용하는 거죠.

max-height도 있습니다. 최대 높이죠.
당연히 min-width, max-width도 있구요.
IE는 모두 지원 못합니다. ㅡㅡ;
웹발전 저해의 근본원인 IE!