demun(대문블로그)

퍼블리셔/기술2011. 12. 17. 13:55

IE7에서만 바닥에 있어야하는 footer가 중간에 떠 다니는 버그가 있습니다. 이 문제는 대부분 haslayout에 의한 것으로 doctype이 xhtml에서는 해결하는 방법이 있는데 유독 html5에서는 그다지 해결하는 방법이 없다. 사실 html5에서 높이가 100%로 되게 제작하려 했는데 이또한 html5에서는 방법이 없는것 같다. 여하튼 문제는 IE7에서만 유톡 하단 푸터가 떠다니는 현상을 해결해야만 했다. 어떤 방식인지는 이미지를 참고하시길 바랍니다. 제가 아는 상식과 인터넷의 힘을 빌어 사이트를 돌아다니고 돌아다닌 결과 해결을 했습니다. 이번에 제작한 스킨이 html5로 마크업이 됐기에 이것에 해당하는 해결책을 찾아야 했습니다. 일단 제가 제작한 스킨의 구조와 표현은 아래와 같습니다. 전체는..

퍼블리셔/css2011. 2. 19. 14:36

float 는 띄우다라는 뜻입니다. 왼쪽으로 정렬, 오른쪽으로 정렬 , 아니면 none. 이런식으로 블럭을 왼쪽이나 오른쪽으로 정렬할때 사용합니다. 이와 비슷하게 position 속성도 있는데요. 이번에는 float 에 대해서 알아보고 IE 는 버그가 있어 다르게 나오는데 이또한 해결법을 알아봅니다. 그럼 속성은 어떻게 되고 어떻게 사용할까요? 아주 간단합니다. 아래처럼 사용합니다. float:left; /* 왼쪽으로 정렬 */ float:right; /*오른쪽으로 정렬 */ float:none; /* float 영향을 받지 않음 */ 이처럼 사용법은 무척간단합니다. 그럼 어떨때 사용할까요? 예를들어 아래처럼 블럭이 있다고 가정합니다. text_box1 text_box2 text_box3 text_box..