0

こんにちは、私の div 領域の高さは、Firefox と Internet Explorer のブラウザーでは異なって表示されます。Chrome と Safari では、私の div 領域は問題ないように見えます。

これが私のdivエリアです

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

これが私が意味する大文字ですこれはFirefoxからのものです

ここに画像の説明を入力

クロームからはこちら

ここに画像の説明を入力

<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';         
}
4

2 に答える 2

0

この編集された答えを確認してください

編集されたデモ

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-23T14:50:25.870 に答える
0

cssにline-heightを使用するだけです。すべてのブラウザが異なる行の高さをレンダリングするため、divが異なるブラウザで問題を示しているのはそのためです。これがあなたが尋ねたのと同じ問題へのリンクです

FireFox3の行の高さ

ブラウザ間でのCSSの行の高さの問題

于 2012-10-23T14:55:54.913 に答える