2016-08-02 90 views
0

Ich bin ziemlich neu in HTML und CSS, so mit mir tragen ...Webseite ändert Größe, wenn ich auf eine neue Seite klicken

ich verschiedenen Seiten auf meiner Haupt-Webseite zu verbinden versuchen, und wenn ich Seiten ändern Die ganze neue Seite wird neu formatiert.

Wer weiß, was könnte das Problem sein?

Ich habe einen Code-Snippet von Sticky Footer aus dem Internet verwendet, und es scheint, von dem zu kommen. Ich benutzte eine Seite, um die ganze Seite zu verzerren und die Fußzeile auf den Boden zu kleben.

* { 
margin: 0; 
} 
html, body { 
    height: 100%; 
} 
.page-wrap { 
    min-height: 100%; 
    /* equal to footer height */ 
    margin-bottom: -40px; 
} 
.page-wrap:after { 
    content: ""; 
    display: block; 
} 
.main-footer, .page-wrap:after { 
    height: 40px; 
} 
.main-footer { 
    background: orange; 
} 
+2

Bitte fügen url/link von Demo geben, wo wir das Problem sehen können. –

+0

ich kann nicht scheinen, um irgendwelche Fotos hinzuzufügen, aber ich nahm die sticky footer und ich bin nur eine Seite mit Bildern verknüpfen und es ist die ganze Seite neu formatiert. Die Höhe und Breite ändert sich, wenn ich die Seiten ändere. – sidster0

Antwort

1

Ich denke, Problem ist nur mit der Position des Körpers Ihres HTML. versuchen, seine Position zu fixieren und

body{ 
    position:fixed; 
    } 

für die Fußzeile am unteren Gebrauch bestimmten Code zur Festsetzung und die CSS für .main-footer, .page-wrap entfernen: nach und .page-wrap: nach

body{ 
position:fixed; 
} 
.page-wrap { 
min-height: 100%; 
} 
.main-footer { 
background: orange; 
position:fixed; 
} 

auch Eltern div mit Bootstrap-Klasse in Ihrem html als

<html> 
<body>  
<div class="container"> 
.... 
</div> 
</body> 
</html> 
+0

Immer noch nicht funktioniert .. Ich nahm diesen Code heraus. Jetzt scheint es nur zu sein, wenn ich die Seiten ändere. Die Höhe und Breite des Körpers ändert sich, wenn ich die Seiten durch meine Links wechsle. – sidster0