digitex Posted March 27, 2019 Posted March 27, 2019 Help! I'm working on a privacy policy page. The text was submitted as Word so I first pasted into BBEdit to remove the Word formatting then pasted into CKEditor on the site. In one spot only an H4 tag is displaying inline somehow beside the previous paragraph instead of on it's own line. See the heading "ACCURACY" below. I searched for hidden characters using 3 different text editors and an online service, I checked it in 3 different browsers. There's no code that would target that and no JS or CSS effecting it. It displays correctly in CKEditor: And when you look at the source markup there is nothing that would cause it: The last paragraph of text is a single line and the only way I can fix it is to insert additional text to force that paragraph onto 2 lines: Has anyone seen this before? Is there something I'm missing? I'm going nuts and can't spend the rest of my life on this. Any help is appreciated.
digitex Posted March 27, 2019 Author Posted March 27, 2019 My understanding has always been that block level elements get 100% width by default. Has that changed? I have fixed the issue by writing a CSS rule to govern <p> tags setting the width to 100% but I've never had to do that before. Shouldn't have to do that. Still have no idea why that's displaying that way without the new rule. Freaked me out but I have it under control again. So it's solved (ish).
wbmnfktr Posted March 27, 2019 Posted March 27, 2019 Is there anything in the real rendered source (not inspector view but CTRL/STRG + U)? Does it render weird while CSS is disabled? Does it render weird while JS is disabled? How does another <h4> above/below gets rendered?
OrganizedFellow Posted March 27, 2019 Posted March 27, 2019 That happen to me one. I thought it a weird bug. Try changing the FKEditor filed to Textarea and back. Somehow this worked for me as I think it stripped all html entites/tags/formatting and rendered the content as plain-text. 1
digitex Posted March 27, 2019 Author Posted March 27, 2019 1 hour ago, wbmnfktr said: Is there anything in the real rendered source (not inspector view but CTRL/STRG + U)? Does it render weird while CSS is disabled? Does it render weird while JS is disabled? How does another <h4> above/below gets rendered? It happened only on that page in that spot and didn't change when I turned the h4 into an h3. I found nothing in the CSS or any JS that would effect it. It seems the browser(s) were rendering that area as if it was inline. I'll try @OrganizedFellow's suggestion. Stupid gremlins.
Recommended Posts