Div与不同浏览器

大家好我的div区域高度显示与这些浏览器不同：Firefox和Internet Explorer。在Chrome和Safari浏览器中，我的div区域看起来很好，请帮助我。Div与不同浏览器

这里是我的div区域

.openmeclis 
{ 
    position:relative; 
    margin-left:4px; 
    background:#66B3E3; 
    width:90px; 
    height:370px; 
    display:inline-block; 
    overflow:hidden;  
}

这里是一个大写我的意思这是从Firefox

enter image description here

下面是来自Chrome的

enter image description here

<div id="subMenu"> 
    <div class="openbaskan" style="float:left"> 
     <a href="/Home/Baskan/45">Başkandan</a> <br /> 
     <a href="/Home/Baskan/46">&#214;zge&#231;mişi</a> <br /> 
     <a href="/Home/Baskan/47">Haberler</a> <br /> 
     <a href="/Home/Baskan/58">Videolar</a> <br /> 
     <a href="/Home/Baskan_foto">Fotoğraf Galerisi</a> 
    </div> 

    <div class="openmeclis" style="float:left"> 
    <a href="/Home/Sehir_Rehberi/93">Meclis &#220;yeleri</a> <br /> 
    <a href="/Home/Sehir_Rehberi/99">Meclis G&#252;ndemi</a> <br /> 
    <a href="/Home/Sehir_Rehberi/100">Meclis Kararları</a> <br /> 
    </div> 
</div>

CSS：

#subMenu 
{   
    width:964px; 
    margin-left:auto; 
    margin-right:auto; 
    display:none; 
    font-size:14px; 
    font-style:normal; 
    height:336px; 
    font-family: 'Museo300Regular';   
}

来源

2012-10-23 learnmore

添加HTML也请的链接同样的问题。您是否使用任何形式的css重置，如eric meyers重置或正常化？ – Jrod

因为我不知道你不喜欢这个或那个，所以我不知道你想改变什么？你能告诉我们究竟你想修正关于Firefox的div吗？这是多余的水平空间吗？ – gbtimmon

尝试添加'padding：0;'和'margin：0;'以查看您的CSS是否具有随机填充/页边距。 – SMacFadyen

选中此编辑答案

Edited Demo

Note the edited CSS below: 

.openmeclis 
{ 
    position:relative; 
    margin-left:4px; 
    background:#66B3E3; 
    width:90px; 
    height:370px; 
    overflow:hidden; 
    float: left; 
    list-style: none; 
} 

#subMenu { 
    width:964px; 
    margin-left:auto; 
    margin-right:auto; 
    font-size:14px; 
    font-style:normal; 
    height:336px; 
} 

HTML: 
---------- 
<div id="subMenu"> 
    <div class="openmeclis"> 
     <ul> 
      <li><a href="/Home/Baskan/45">Başkandan</a></li> 
      <li><a href="/Home/Baskan/45">&#214;zge&#231;mişi</a></li> 
      <li><a href="/Home/Baskan/45">Haberler</a></li> 
      <li><a href="/Home/Baskan/45">Videolar</a></li> 
      <li><a href="/Home/Baskan/45">Fotoğraf Galerisi</a></li> 
     </ul> 
    </div> 

    <div class="openmeclis"> 
     <ul> 
      <li><a href="/Home/Sehir_Rehberi/93">Meclis &#220;yeleri</a></li> 
      <li><a href="/Home/Sehir_Rehberi/99">Meclis G&#252;ndemi</a></li> 
      <li><a href="/Home/Sehir_Rehberi/100">Gündemi</a></li> 
      <li><a href="/Home/Baskan/45">Meclis Kararları</a></li> 
     </ul> 
    </div> 
</div>

不要添加不必要的<br/>标签。而不是你可以使用<ul>方法。当您拥有CSS时，您不需要在HTML中添加样式标签。我不知道你在#sub menu中添加了什么......我刚刚编辑了HTML和CSS的openmeclis

来源

2012-10-23 14:50:25 Vinay

只需使用line-height到你的css。由于每个浏览器呈现不同的行高，这就是为什么你的div在不同的浏览器中显示问题。这里是你问我

FireFox 3 line-height

CSS line-height issue across browsers

来源

2012-10-23 14:55:54 NewUser

Div与不同浏览器

回答

相关问题