2016-05-21 13 views
-2

Ich habe versucht, dieses Problem für wahrscheinlich über eine Woche jetzt zu beheben, und ich verstehe es nicht.Wie kann ich dieses CSS Problem lösen?

Das Problem ist einfach zu beschreiben, denke ich .. meine Website hier website

Wie Sie alles sieht gut aus, aber dann sehen können, wenn Sie auf einem Schwall alles klicken beginnt suchen seltsam (die Breite der Seite)

Diese Seite zum Beispiel. example

Wie kann ich das beheben? Bitte helfen Sie mir ..

Screenshots: gyazo.com/d4576b4e4e4f5407c903bc0e4b3ba969 gyazo.com/bf927dfdba38c40efd1ee1e2723b6567

Danke

+2

fix your html zuerst, es gibt eine Menge Fehler nur am Anfang, 'meta' Tags vor' doctype' – dippas

+0

was soll ich beheben, was html, welche Seite? @dippas –

Antwort

0

getestet und dies scheint im inspizieren Elementbereich zu arbeiten.

Navigieren zu

body { 
    background-color: #ffffff; 
    background-image: url(../images/wallpaper_dark.jpg); 
    color: #eaeaea; 
    font-family: Calibri, Tahoma; 
    font-size: 12px; 
    margin: 20px auto 20px auto; 
    line-height: 16px; 
    padding: 0; 
    text-align: left; 
    width: 915px; 
} 

und dann dem Boden mit einem Teil width: 100%;width: 915px; mit max-width: 915px; ersetzen.

enter image description here

Für die Ausgabe mit dem Bild an der Spitze nicht Skalenendwert geht Ich denke, man so etwas tun könnte.

background-image: url(/images/banner.jpg); 
width: 100%; 
cursor: pointer; 
background-size: cover; 
background-repeat: no-repeat; 

die etwas zurückgibt, das so aussieht.

enter image description here

Dies ist Thema ab, aber ich empfehle die META-Tags Sie

enter image description here

Unterhalb des <html lang="sv_SE"> Teil auf Ihrer Website bewegen, so dass es etwas aussehen würde.

<html lang="sv_SE"> 
<head style="height: 100%"> 
<meta charset="UTF-8"> 

anstatt wie Sie es derzeit haben.

<meta charset="UTF-8"> 
<meta charset="UTF-8"> 
<meta charset="UTF-8"> 
<meta charset="UTF-8"> 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
"http://www.w3.org/TR/html4/loose.dtd"> 

<html lang="sv_SE"> 
<head style="height: 100%"> 
+0

Hallo da! Ich habe jetzt ersetzt, was du gesagt hast, aber es funktioniert nicht. Bitte prüfe. Für das Bild; es ist bereits in voller Größe, es ist nur die Seite, die die gleiche Breite haben muss wie auf Index (erste Seite) Mit freundlichen Grüßen –

+0

Hallo!Ich habe jetzt ersetzt, was du gesagt hast, aber es funktioniert nicht. Bitte prüfe. Für das Bild; es ist bereits in voller Größe, es ist nur die Seite, die die gleiche Breite haben muss wie auf dem Index (erste Seite) Mit freundlichen Grüßen –

0

Das Problem ist mit diesem div paddingtop_20 (es ist ein div verschachtelt ganz tief in div # myElement) Ich würde Screenshots posten, aber ich habe nicht genug Ruf.

Das Problem ist, dass der Text im Inneren keine Leerzeichen hat, um den Text zu brechen, so dass es in die nächste Zeile gehen kann. Sie können die CSS auf paddingtop_20 ändern, um eine maximale Breite zu haben: [Geben Sie eine maximale Breite ein] und setzen Sie den Überlauf: scroll. Andernfalls finde einen Weg, den Text darin zu brechen.

+0

Entschuldigung. Das geht nicht. Danke, dass du trotzdem hilfst:) –

+0

Es ist der Körper, der sich ändert, wenn ich auf diese andere Seite klicke. Ich möchte nicht, dass sich die Breite ändert. –

+0

Der Text ändert sich, weil sich der Inhalt ändert. Wenn Sie das Element untersuchen und das div paddingtop_20 löschen, werden Sie feststellen, dass es wieder normal ist. Hast du mit max-width als etwas klein wie 100px getestet? Ich bin mir sehr sicher, dass es div ist. – sboo

Verwandte Themen