여백 : 0 자동 IE6 문제

Question

누군가가 제게 IE 6 div가 자동으로 알려지지 않았습니까? 나는 여백을 사용한다 : 0 자동; 문제는 IE6에서만 발생합니다!

HTML 

<div id="center"> 
    <div id="top_menu"> 
     <a href="/Default.aspx">Domov</a> 
     · <a href="/EnterSite.aspx">Vpišite stran</a> 
     · <a href="/About.aspx">O nas</a> 
     · <a href="/Help.aspx">Pomoč pri iskanju</a> 
     · <a href="/Marketing.aspx">Oglaševanje</a> 
     · <a href="/Info.aspx">Splošni pogoji in pravila</a> 
    </div> 
    <a href="http://www.viamura.si"><img src="/images/viamura_logo.png" width="294" height="95" border="0" alt="viamura" /></a> 
    <div id="tabs"> 
     <ul> 
      <li><asp:LinkButton ID="btnWeb" runat="server" CssClass="web_selected" 
        onclick="btnWeb_Click">Web</asp:LinkButton></li> 
      <li><asp:LinkButton ID="btnMap" runat="server" CssClass="map" 
        onclick="btnMap_Click">Zemljevidi</asp:LinkButton></li> 
      <li><asp:LinkButton ID="btnWeather" runat="server" CssClass="weather" 
        onclick="btnWeather_Click">Vreme</asp:LinkButton></li> 
      <li><asp:LinkButton ID="btnImages" runat="server" CssClass="images" 
        onclick="btnImages_Click">Slike</asp:LinkButton></li> 
      <li><asp:LinkButton ID="btnConverter" runat="server" CssClass="converter" 
        onclick="btnConverter_Click">Converter</asp:LinkButton></li> 
     </ul> 
    </div> 

CSS :

당신은

text-align: center 

중 하나 body에서, 또는 center DIV 주위에 추가 div을 둘 필요가

#center { 
width:520px; 
margin:0 auto; 
} 

#tabs { 
width:400px; 
margin:0 auto; 
} 

#tabs ul li a.web,#tabs ul li a.map,#tabs ul li a.weather,#tabs ul li a.images,#tabs ul li a.converter,#tabs ul li a.web_selected,#tabs ul li a.map_selected,#tabs ul li a.weather_selected,#tabs ul li a.images_selected,#tabs ul li a.converter_selected { 
background-color:#0C0; 
float:left; 
height:18px; 
text-indent:-9999px; 
} 

#tabs ul { 
float:left; 
width:459px; 
margin:10px 0 0 41px; 
} 

#tabs ul li { 
float:left; 
margin:0 2px 0 0; 
} 

#tabs ul li a.web { 
background:url(../images/tab_web.png) no-repeat; 
width:46px; 
} 

#tabs ul li a.map { 
background:url(../images/tab_map.png) no-repeat; 
width:80px; 
} 

#tabs ul li a.weather { 
background:url(../images/tab_weather.png) no-repeat; 
width:58px; 
} 

#tabs ul li a.images { 
background:url(../images/tab_images.png) no-repeat; 
width:48px; 
} 

#tabs ul li a.converter { 
background:url(../images/tab_converter.png) no-repeat; 
width:78px; 
} 

#tabs ul li a.web_selected { 
background:url(../images/tab_web_selected.png) no-repeat; 
width:46px; 
} 

#tabs ul li a.map_selected { 
background:url(../images/tab_map_selected.png) no-repeat; 
width:80px; 
} 

#tabs ul li a.weather_selected { 
background:url(../images/tab_weather_selected.png) no-repeat; 
width:58px; 
} 

#tabs ul li a.images_selected { 
background:url(../images/tab_images_selected.png) no-repeat; 
width:48px; 
} 

#tabs ul li a.converter_selected { 
background:url(../images/tab_converter_selected.png) no-repeat; 
width:78px; 
} 

Answer 1

.

body 
{ text-align: center; } 

뿐만 아니라 중심의 텍스트를 가진 모든 자식 요소를 방지하기 위해, 당신은 텍스트 정렬을 다시 설정해야합니다 :

#center { 
width:520px; 
margin:0 auto; 
text-align: left; 
}