Sidebar erscheint nicht auf allen Seiten gleich

Ich verwende eine Vorlage auf my Blogger und da es zu schmal war, habe ich die Seitenleiste und die Hauptpostsäule angepasst. Es hat super funktioniert aber nur für die Homepage.Sidebar erscheint nicht auf allen Seiten gleich

Das Problem ist, dass die Seitenleiste nicht auf allen Seiten identisch erscheint.

Siehe one of the pages, dass die Sidebar nicht identisch ist.

Mein aktueller CSS-Code für die Sidebar ist:

#sidebar-wrapper { 
    border-radius: 5px; 
    color: #A8AAAC; 
    background:rgba(0,0,0,0.1); 
    float:left; margin: -2430px 150px 100px -120px; 
    width:40%; 
}

und es gibt ein weiteres Codebeispiel für die Sidebar, aber obwohl ich versuchte, es zu ändern, es ist nichts passiert.

#sidebar-wrapper .widget {margin-bottom: 30px;} 

#sidebar-wrapper a:hover{color:#fff} 

#sidebar-wrapper h2 { 
    color: #C8CACC; 
    font-size: 14px; 
    letter-spacing: 2px; 
    line-height: 1.4; 
    margin: 30px 0 10px; 
    font-family: Oswald,Arial,sans-serif; 
    font-weight: bold; 
    text-transform: uppercase; 
}

Quelle

2016-10-29 Ourania Kusk

Sie müssen das relevante HTML, das Ihr Problem hier in Ihrer Frage reproduziert, einbeziehen. Andernfalls wird Ihre Frage für zukünftige Besucher unbrauchbar, sobald das Problem behoben ist. – Brad

tatsächlich kann ich nicht den relevanten Code finden, der das Problem verursacht –

Dann müssen Sie Ihr Problem eingrenzen, bis Sie können. Vereinfachen Sie Ihre Site Stück für Stück, bis Sie das kleinste reproduzierbare Beispiel haben. In der Regel werden Sie auf diese Weise Ihr eigenes Problem lösen. Stack-Überlauf dient nicht zur Code-Überprüfung einer gesamten Site. – Brad

Das Problem Sie haben, weil Sie zufrieden mit Margen zu steuern sind, anstatt die Dimensionen der Hauptseite id=wrapper div Steuern und alle seine Kinder. Ihr Header ist 1000px breit, aber Ihr Wrapper ist 740px breit. Zuerst mach sie beide gleich breit.

Zweitens müssen die Ränder des Haupt-Wrappers und des Seiten-Wrappers entfernt werden.

Die Verwendung von Margen zum Anpassen des Inhalts auf jeder Seite ist eine sehr schlechte Übung. Als Nächstes passen Sie die Prozentsätze beider Wrapper so an, dass sie insgesamt 100% ergeben. Ich schlage vor, Sie verwenden width:30% für Seiten-Wrapper und 68% für den Haupt-Wrapper (warum 2% aus dem Haupt-Wrapper geben, ist ein wenig Platz zwischen beiden Wrapper. Sie können Ränder verwenden, um Platz zu geben, aber stellen Sie sicher, dass negativ Dieser Rand von der Breite Prozentsatz, um beide Wrapper in der gleichen Zeile zu halten.)

Mit ein paar weiteren Optimierungen können Sie eine saubere CSS-Einstellungen erstellen, die letztlich alle Seiten mit den Seitenleiste Seiten beheben.

Quelle

2016-10-29 19:37:34

Vielen Dank für Ihre Zeit. Es hat mir sehr geholfen, ich habe versucht, eine Lösung für mehr als 6 Stunden zu finden^_ ^ –

Sidebar erscheint nicht auf allen Seiten gleich

Antwort

Verwandte Themen