게시판상단부분 div코딩..
첫삥
#board { width:800px; height:40px; margin:0 auto; background:url(../images/jg_board02.gif); }
#board ul { float:left; }
#board li { float:left; text-align:center; display:inline}
#board ul li img{vertical-align:middle;}
div id=board
!--[if lte IE 6]tabletrtd![endif]--
ul
liimg src=?=$root?/images/jg_board01.gif align=absmiddle border=0 alt= //li
li style=width:60px;img src=?=$root?/images/jg_boardtext01.gif align=absmiddle border=0 alt=번호 //li
liimg src=?=$root?/images/jg_boardline2.gif align=absmiddle border=0 alt=라인 //li
li style=width:370px;img src=?=$root?/images/jg_boardtext03.gif align=absmiddle border=0 alt=제목 / /li
liimg src=?=$root?/images/jg_boardline2.gif align=absmiddle border=0 alt=라인 //li
li style=width:75px;img src=?=$root?/images/jg_boardtext04.gif align=absmiddle border=0 alt=파일 //li
liimg src=?=$root?/images/jg_boardline2.gif align=absmiddle border=0 alt=라인 //li
li style=width:100px;img src=?=$root?/images/jg_boardtext18.gif align=absmiddle border=0 alt=글쓴이 //li
liimg src=?=$root?/images/jg_boardline2.gif align=absmiddle border=0 alt=라인 //li
li style=width:100px;img src=?=$root?/images/jg_boardtext05.gif align=absmiddle border=0 alt=날짜 //li
liimg src=?=$root?/images/jg_boardline2.gif align=absmiddle border=0 alt=라인 //li
li style=width:60px;img src=?=$root?/images/jg_boardtext06.gif align=absmiddle border=0 alt=조회 //li
liimg src=?=$root?/images/jg_board03.gif align=absmiddle border=0 alt= //li
/ul
!--[if lte IE 6]/td/tr/table![endif]--
/div
상단이미지처럼 나와야되는데 빨간것처럼 위에정렬이 되고 있어요.....
vertical-align:middle; 줘도 안되고....제가 css를 잘못준건지..ㅠ_ㅠ
그리고 ie6,7 에선 css 다르게 주는 소스 좀 알려주세요~
어디다가 넣어야되는지두여 ㅠ_ㅠ
-
유린
감사합니다 ^^ 따로 줘야겠어요..ㅠ_ㅠ 에이..ㅠㅠ
-
하림
위 링크대로 하면 IE8이상이거나 크로스브라우징도 될거니까 차근차근히 따라해보세요~^^
일단은 IE 5,6,7 이 문제니깐 CSS를 따로 빼서 IE 5,6,7 을 제어하면 될 듯 싶네요..
!--[if IE 7]link rel=\stylesheet\ type=\text/css\ href=\ie7.css\ /[endif]--
!--[if IE 6]link rel=\stylesheet\ type=\text/css\ href=\ie6.css\ /[endif -
한
style에 padding-top 으로 해서 마무리했는데...브라우져마다 다 다르게 나와요 ㅠ_ㅠ
Jibro 님이 주신 사이트 잘 봣어요 ^^ 근데..제가 이해하기가...완전 쌩초보라..ㅠ_ㅠ -
남
vertical-align 에 대해서는 잘 모르지만...
style에 padding-top 을 주면 어떨까요 ?