li 에 border가..
리리
어느 곳에서 소스를 봤는데
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
html xmlns=http://www.w3.org/1999/xhtml
head
meta http-equiv=Content-Type content=text/html; charset=utf-8 /
titleUntitled Document/title
style type=text/css
ul{
position:absolute;
left:714px;
top:623px;
height:30px;
overflow:hidden;
}
li{
float:left;
height:29px;
margin-left:-1px;
padding:0 10px 1px 9px;
border-left:1px solid #B8B8B8;
overflow:hidden;
}
/style
/head
body
div style=width: 698px;
ul
li11/li
li22/li
li/li
li/li
li/li
li/li
/ul
/div
/body
/html
이런식으로 하면 첫 li의 보더는 왼쪽으로 숨고 나머지 li의 보더들은 잘 나오는데.
전 같은식으로 했는데도 첫 li의 보더가 안사라지고 나오네요 ;;
무언가 다른걸 더 해줘야 하나요?
-
안토니
아.기본 마진과 패딩값이 문제였네요 테스트한다고 그건 배고 했더니 ㄷㄷ;;
*{margin: 0; padding: 0;} 이거 넣고 해결 했습니다~
답변 달아주신 두분 감사해요~ -
봄바람
ul { margin:0; padding:0; width:100%; } 추가해주시면 될 것 같은데요. width는 ie6에서 float녀석을 감싸주는 역할을 합니다. 기본적으로 잡혀 있는 공백이 있어서 margin:0; padding:0;을 넣어주면 사라질 것입니다.
-
푸른나래
제생각에는 ul{margin-left:-1px;}주셔야할듯~