table tr td값 div 형식 변형 정보
table tr td값 div 형식 변형본문
스타일은
<style type="text/css">
.m_text { BORDER: #5f5f5f 1px solid; HEIGHT: 18px; BACKGROUND-COLOR: #252525; color:#ffffff; }
.m_text2 { BORDER: #D3D3D3 1px solid; HEIGHT: 18px; BACKGROUND-COLOR: #dddddd; }
body {
background-image: url('<?=$g4[path]?>/img/loginbg.gif');
}
#form{
border: solid 3px #cccccc;
width:680px;
background:#666;
margin-top:80px;
text-align:left;
}
#form ul {
margin:0;
padding:0;
list-style-type:none;
}
.form_list_l{
padding-top:6px;
padding-left:10px;
float:left;
width:120px;
height:27px;
border-right:solid 1px #ffffff;
font-weight:bold;
}
.form_list_r{
padding-top:3px;
padding-left:7px;
width:550px;
height:27px;
display:block;
}
</style>
소스는 <center>
<div id="form">
<div style="margin:10px 0px 10px 10px; "><IMG alt=로고 src="<?=$g4[path]?>/img/logo.png" ></div>
<ul>
<li class="form_list_l">아이디
</li>
<li class="form_list_r">asdf
</li>
<li class="form_list_l">아이디
</li>
<li class="form_list_r">b
</li>
</ul>
</div>
</center>
이형태인테 지금 문제는 형태가 호환성 안풀면 정삭적으로 되는데 호환성을 풀면 이렇게 틀어지네요;;왜그르까요;;
<style type="text/css">
.m_text { BORDER: #5f5f5f 1px solid; HEIGHT: 18px; BACKGROUND-COLOR: #252525; color:#ffffff; }
.m_text2 { BORDER: #D3D3D3 1px solid; HEIGHT: 18px; BACKGROUND-COLOR: #dddddd; }
body {
background-image: url('<?=$g4[path]?>/img/loginbg.gif');
}
#form{
border: solid 3px #cccccc;
width:680px;
background:#666;
margin-top:80px;
text-align:left;
}
#form ul {
margin:0;
padding:0;
list-style-type:none;
}
.form_list_l{
padding-top:6px;
padding-left:10px;
float:left;
width:120px;
height:27px;
border-right:solid 1px #ffffff;
font-weight:bold;
}
.form_list_r{
padding-top:3px;
padding-left:7px;
width:550px;
height:27px;
display:block;
}
</style>
소스는 <center>
<div id="form">
<div style="margin:10px 0px 10px 10px; "><IMG alt=로고 src="<?=$g4[path]?>/img/logo.png" ></div>
<ul>
<li class="form_list_l">아이디
</li>
<li class="form_list_r">asdf
</li>
<li class="form_list_l">아이디
</li>
<li class="form_list_r">b
</li>
</ul>
</div>
</center>
이형태인테 지금 문제는 형태가 호환성 안풀면 정삭적으로 되는데 호환성을 풀면 이렇게 틀어지네요;;왜그르까요;;
댓글 전체
브라우저 버전 혹은 호환성 모드에 따라 적용되는 방식이 틀립니다.
padding, margin 등의 문제는 브라우져 별로 어떻게 적용되는지 확인하셔야 하고
사이즈 등의 문제도 확인하셔야 합니다.
http://www.w3.org/ 에 가셔서 한번 확인해보세요~~
padding, margin 등의 문제는 브라우져 별로 어떻게 적용되는지 확인하셔야 하고
사이즈 등의 문제도 확인하셔야 합니다.
http://www.w3.org/ 에 가셔서 한번 확인해보세요~~