본문 바로가기

CSS15

40 Creative Design Layouts: Getting Out Of The Box Over the last months we have seen a strong trend towards more individual web designs. These designs use realistic motifs from our regular life, such as hand-drawn elements, script fonts, pins, paper clips, organic textures and scrapbooks. That’s not a big surprise as they manage to serve the function which faceless shiny glassy 3D-buttons completely fail to deliver: convey the individuality and .. 2008. 9. 4.
:root :root 페이지내 모든 블럭의 최상위를 지정하는 것으로 html엘리먼트와 거의 비슷한 역할을 수행한다. Explorer Mac, Mozilla and Safari를 지원 사용예는 삼성전자 애니콜의 css img {border:0px; vertical-align:top;} input, select {font-size:12px; vertical-align:middle; color:#4D4D4D;} select {height:19px;} :root select {height:17px;} ol,ul,li {list-style:none; vertical-align:top;} 관련링크 : http://www.quirksmode.org/css/root.html 2008. 3. 7.
스크롤바 칼라 지정 스타일 적용시 body태그나 원하는 블록에 다음과 같은 스크롤바 칼라를 지정하게 되는데, 각각의 스타일이 IE 스크롤바에서 적용되는 영역이 표시되어 있습니다. 스타일 예 scrollbar-arrow-color:#fff; scrollbar-track-color:#fff; scrollbar-face-color:#ccc; scrollbar-highlight-color:#ccc; scrollbar-3dlight-color:#ccc; scrollbar-shadow-color:#ccc; scrollbar-darkshadow-Color:#ccc;스타일 적용 영역 2007. 11. 19.
IE6에서 블록의 높이 100% 사용하기 IE7이나 FF2에서는 블록의 높이 100%의 사용이 가능하다. 예를 들면 내용 그러나 IE6의 경우는 블록의 높이가 100%로 유지되지 않는데 이때는 다음과 같은 방법을 사용하면 된다. 관련 예제 블로그 http://hyeonseok.com/pmwiki/index.php/Css/Height 주요내용 우선 height 100%를 사용하려면 html element와 body element의 높이를 100%로 확보해 주어야 합니다. #body 는 min-height 로 100%높이를 유지 해주고, #content-area 는 원하고자 하는 컨텐츠 영역을 확보 합니다. 이때, IE 는 min-height 를 지원하지 않으므로, conditional comment를 사용하여 height를 100% 로 확보 합니.. 2007. 11. 19.