Comments form breaking design

Resolved starwag
(@starwag)

7 years, 2 months ago

I went to enter my comments template into my design, but as soon as I did, it completely destroyed my design. I have a gray, right, side, box that completely disappears, and my copyright section shrinks.

Without the form, the box I am trying to enter the template to works great. I have even tried the comments form without my colored box in different positions, and it still breaks the design as soon as I enter it.

Is there any preset comment form CSS that I need to be aware of? Does anyone have a clue why this might be doing this?

This is what my comments form is doing to my site
This is what the right side should look like before I add comments good design on right side

The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)

Joy
(@joyously)

7 years, 2 months ago

Did you change something?
I’m not seeing a “template works great” page. I’m seeing a gray box that is overlapping the rest of the page, and the page takes a very long time to finish loading.

And the page with the problem is a Page Not Found page, showing white text on my yellow background (which most people would see as white on white).
Thread Starter starwag
(@starwag)

7 years, 2 months ago
I my pages marked as private and forgot to make these two public before I posted. Try these codes
better
wrong

Also, with regards to the yellow page and the very long loading time, both will be attended to, but my site is not ready to be published yet, hence the reason I am on here. I currently have very large image files to be loaded on the current design, and the finished product will have an attractive error page with a center logo on darker blue.
- This reply was modified 7 years, 2 months ago by starwag.
Dion
(@diondesigns)

7 years, 2 months ago
You have the following to start the comment wrapper:
```
<div id="comments">
<div class="comments">
```
but you only have one closing </div>. Add a second </div> and your problem should be solved.
Moderator bcworkz
(@bcworkz)

7 years, 2 months ago

You’ve either misplaced or forgotten a closing </div> tag. The result is your copyright footer becomes part of the <div id="comments"> container and thus its width CSS is applied to your footer as well.

There may be more to do, but there’s little we can suggest in the way of CSS while the HTML is incorrect.

Thread Starter starwag
(@starwag)

7 years, 2 months ago

Works perfectly. Thanks so much!