DIVインターネットエクスプローラでスクリーンをオフにする

Question

これは初めてのことです。私は数ヶ月間、大学のコーディングを自分のモジュールの1つで行っていました。プロジェクトを終了して、さまざまなブラウザでテストを開始しています。それは、Internet Explorerの1つのページに対して、すべてスムーズに実行されます。

下の画像では、[Public Observing]と[Meetings]セクションの下に表示されるテキストが画面の端に移動し、Internet Explorerに表示されます。

私は運で今1時間以上グーグルでてきた、私はあなたのいくつかの天才を期待していたことは、私を助けることができるようになります！

これらの要素に関する私のHTMLとCSSの一部です。この問題についてどのような光を見せてもどうもありがとう！

.observing { 
 
    text-align: left; 
 
    font-size: 30px; 
 
    width: 21%; 
 
    padding-bottom: 2%; 
 
} 
 

 
.observingp { 
 
    text-align: left; 
 
    font-size: 17px; 
 
    width: 40%; 
 
    align-content: left; 
 
    float: left; 
 
} 
 

 
.meetings { 
 
    text-align: left; 
 
    font-size: 30px; 
 
    width: 21%; 
 
    padding-bottom: 2%; 
 
    margin-left: 42.5%; 
 
    margin-top: -5%; 
 
} 
 

 
.meetingsp { 
 
    text-align: left; 
 
    font-size: 17px; 
 
    width: 30%; 
 
    align-content: left; 
 
    float: left; 
 
    margin-left: 3%; 
 
}

<div id="activities-info"> 
 

 
    <div id="public-observing"> 
 

 
    <h4 class="observing">Public Observing</h4> 
 

 
    <p1 class="observingp"> 
 
     Public Observing takes place at ‘The New Inn’ at Eccup (LS168AU). Sessions are held regularly during most months, however they stop over Summer when the sunset is too late. Start times vary according to the sunset, and inconsistent dates are due to avoiding 
 
     the full moon, which makes observing difficult. 
 
     <br><br> Please dress warmly, as observing takes place on an open field. Also, ensure that all children are supervised by a responsible adult. The Society cannot be responsible for accidents on the field. 
 
    </p1> 
 
    </div> 
 

 
    <div id="meetings"> 
 

 
    <h4 class="meetings">Meetings</h4> 
 
    <p1 class="meetingsp"> 
 
     Meetings are held on the second Wednesday of each month at the Quaker Meeting House (LS29DX) between 7pm and 10pm. Meetings usually involve a lecture or presentation of an astronomical topic given by guest speakers or society members. <br><br> Informal 
 
     meetings take place two weeks later, on Wednesdays. Here members have an opportunity to express and discuss their interests with personal presentations. 
 
    </p1> 
 

 
    </div> 
 
</div>

Answer 1

私はnormalize.cssを使用することをお勧めします - すべてのborwsersが一貫ページを表示させるためのプロジェクトです。ちょうど別のCSSとしてあなた自身のCSSファイルを作成すると、すべてのブラウザでsilmilar結果が得られます。 https://necolas.github.io/normalize.css/