Meine Absicht ist es, die post_entry-Ebene mit der Überschrift zu haben. Ich habe bemerkt, dass einige Einträge dies tun, während andere scheinbar zufällige Beträge nach oben oder unten verschoben werden. Was verursacht das? Wie kann ich es reparieren/verhindern?CSS-Abstandsprobleme - Überlappung zwischen den Posts?
Site- http://whskytngfxtrt.com
(die Steigung der roten Linien zeigen das Problem)
Danke.
Ich denke, es hat etwas mit dem margin-top zu tun, das du mit #main .post_entry und p anlegst, aber wenn du nicht dein HTML aufräumst (wie Diodeus und Didier Ghys empfohlen: alles in separate divs setzen) es ist unmöglich, das sicher zu sagen. Es tut uns leid!
In Ihrem CSS, bemerkte ich etwas anderes in diesem Teil:
#main .post_entry p {
font-size: 80%;
font-weight: normal;
line-height: 150%;
margin-left: 230px;
margin-bottom: 25px;
margin-top: -82px;
overflow: hidden;
width: 403px;
margin-top: -82px;
}
Wie Sie sehen, gibt es zwei Marge Spitzen von -82.
Danke, dass Sie darauf hingewiesen haben - ich habe es übersehen. Entfernen des zweiten Rand-Top half, aber das Problem nicht vollständig behoben. – AMC
Ihr HTML ist ein Durcheinander. Sie sollten nicht den gesamten Inhalt eines Posts, Bilder, Links und alles in einem P-Tag einschließen. Betrachten Sie DIVs oder LIs zum Umbrechen von Posts. Auch in HTML sollen IDs eindeutig sein, aber Sie haben ID = "Überschrift" in Ihrem Dokument. Sie brauchen kein FIX, Sie müssen neu schreiben. –
Sie haben einen großen DIV.post_entry, der alle Ihre Einträge enthält ... alles separat verpacken. –
Wie verpacke ich sie getrennt? – AMC