2017-05-11 6 views
-4

Dies ist mein erstes Mal hier, also bitte gehen Sie einfach auf mich. Ich mache jetzt seit ein paar Monaten in einem meiner Module an der Universität Kodierung und bin gerade dabei, ein Projekt zu beenden und es auf verschiedenen Browsern zu testen. Es läuft alles ziemlich reibungslos für eine Seite im Internet Explorer.DIV fällt im Internet Explorer

Auf dem Bild unten sehen Sie, dass der Text, der unter dem Bereich "Öffentliche Beobachtung" und "Besprechungen" angezeigt wird, an den Bildschirmrand verschoben wird und im Internet Explorer abfällt.

Image of Chrome vs Internet Explorer Display of Website

Ich habe kein Glück jetzt über eine Stunde googeln, war ich einige von euch Genies der Hoffnung, in der Lage sein, mir zu helfen!

Hier sind einige meiner HTML und CSS in Bezug auf diese Elemente. Vielen Dank, dass Sie dieses Thema beleuchtet haben!

.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>

+1

Wo ist der HTML? – Swellar

+0

Bitte geben Sie ein minimales, vollständiges und überprüfbares Code-Snippet an. – shaochuancs

+0

@Swellar hey Ich musste gerade einen Screenshot davon machen und anhängen, weil die Seite aus irgendeinem Grund es nicht so registriert, wie es für mein CSS getan hat! –

Antwort

-1

i empfehlen normalize.css zu verwenden - es ist ein Projekt alle borwsers machen Seiten konsequent zu machen. Fügen Sie es einfach als ein weiteres CSS vor Ihrer eigenen CSS-Datei und Sie werden silmilar Ergebnisse in allen Browsern haben. https://necolas.github.io/normalize.css/

Verwandte Themen