레이아웃 문제~
조히
타이틀컨텐츠 내용이 나옵니다....................
그림이 나오기도 하고 기냥 텍스트가 나오기도 하고....^^요런 형태인데요..
타이틀이랑 컨텐츠 내용이 좌우로 나누어져 있어요...
기본 상하구조인데..이번 디자인은 요로코롬 되어있네요..ㅠㅠ
그런데 코딩하능데 첨엔 타이틀과 컨텐츠를 float로 했더니 이게 컨텐츠내용의 높이가 유동적이라 맞추기가 힘들더라구요..
그래서 어찌하면 좋을지 조언 구합니다.
제가 작성한건 이런데 잘안되네요..ㅠㅠ
/*CSS*/
h1 {vertical-align:top; float:left; width:170px;}
.con {
width:810px;
word-wrap:break-word; /* Internet Explorer 5.5+ */
white-space:pre-wrap; /* css-3 */
white-space:-moz-pre-wrap; /* Mozilla, since 1999 */
white-space:-pre-wrap; /* Opera 4-6 */
white-space:-o-pre-wrap; /* Opera 7 */
word-break:break-all;
line-height:18px; color:#666666;
float:left;
}
-
민들레
h1 {
display:inline-block;
width:170px;
vertical-align:middle;
}
*+ html h1 { display:inline; } /*ie7*/
* html h1 { display:inline; } /*ie6*/
.con {
display:inline-block;
width:810px;
vertical-align:middle;
}
*+ html .con { display:inline; } /*ie7*/
* htm -
민혁
사이트 전역으로 디자인이 그렇다면, contents 안에서 또 다시 두개의 영역으로 나누시는것도 좋을것 같아요. title영역과 내용부분을 아예 나누어서 마크업하시는건 어떨까요. 아니면 어차피 내용부분은 div로 감싸야 할것 같으니까 페이지당 타이틀이 하나라고 가정하면, 헤딩태그는 absolute로 띄우고, 내용부분은 디자인에 맞춰서 width값을 주고, float:right으로 붙이는 방법도 있겠고요..
-
한
맨 밑에 br태그를 넣고 스타일에 clear:both 하세요.
-
블랙캣
아하...다들 넘 감사..^^ 역쉬!~~수다닷컴..ㅋㅋ
-
장미
inline-block을 해봤능데 안되능데요...ㅠㅠ 저만 안되는건가요??ㅠㅠ
-
터전
float이 아닌 inline-block을 사용하시면 간단히 해결될듯 싶네요.