Broken layouts

  • I’ve got a weird layout.
    here is my blog, please have a look on it:
    https://aaronproject.no-ip.org/log-1.2/

    This is a 3 columns layout. As you see, the left and right sidebars are overlapping on the main page, and it should not be that. Besides that, all things are ok (as you see in the archives).

    Firstly i find the layout weird on RadMod theme, and thinking of it is due to my misunderstanding of CSS (i’ve altered the style.css of the theme)

    Now i’ve changed the theme to Journalized Blue, and the layout of the main page is still weird. Therefore, I believe this is the fault of my post. And the problem is caused by missing DIVs or something else.

    But I don’t know what’s wrong with the posts. could you tell me what’s going wrong in my main page?

    Thanks.

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

  • The main issue is you’re somehow including your full layout multiple times. Do you get this same problem if you revert back to the default theme?

    Thread Starter aaron_law

    (@aaron_law)

    I’ve just switched back the theme to the default theme. The problem still exists: as you can see, the position of the sidebar is wrong. It should be in the right-hand side of the posts, but not leave below the posts, right?

    By the way, what do you mean by “including your full layout multiple times”, Kaf?

    Thanks, Kaf.

    I’ve noticed that you are using tables in your posts. I wonder if they are causing the breaks.

    Aaron, looking at the source of your blog the first time through, I saw several instances of your sidebar code. That at least seems to have cleared.

    However, now that I can submit your site through w3 validator, there are a great deal of errors (many of which could cause the type of layout problems you’re running into) which appear to reside primarily in your posts’ HTML elements–tables are only part of it:

    https://validator.w3.org/check?uri=http%3A%2F%2F220.246.210.135%3A8080%2Flog-1.2%2F&charset=utf-8+%28Unicode%2C+worldwide%29&doctype=%28detect+automatically%29&ss=1#line-102

    By the way, a good way to track down the most egregious validation errors would be to visit each post individually, and see which continue to screw up the layout (such as this one).

    Thread Starter aaron_law

    (@aaron_law)

    Yes, to visit each post individually is a good way to track down the problem. By tracking down posts one after one, I notice that the layout problem is caused by the problematic post.

    After clear up 2 “DIV align=center” tags and table combination, the layout doesn’t break in the post, and the layout of the main page doesn’t break anymore ??

    Thanks for the validation from Kaf, and yes your guessing is right, the break is caused by table, fluideye.

    By the way, after seeing the result from w3 validator, I’m wondaring why there is a double in the posts. err…even I type plain text with no markup in WP, and I use an empty line to make a new paragraph. Do you think that the wired empty paragraph tag is caused by text formating plugins like Markdown?

    Thank a lot again!

    P.S.
    my main blog (with the default theme): https://aaronproject.no-ip.org/log-1.2/
    my dev blog (with another theme): https://aaronproject.no-ip.org/wordpress-dev/

    As you can see, the layout problem has been fixed! ??

    Thread Starter aaron_law

    (@aaron_law)

    Oh, this is my fault.

    I’ve just checked the plugin list of my WP and I’ve noticed that I’ve activated both of the text formating plugins shipped with WP: Markdown & Textile.

    After deactivating Markdown, a paragraph is wrapped by a “p tag” but not a double “p tag” (that is, ).

    Thanks Kaf for the validation again ??

    good to here you’ve found your problem

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Broken layouts’ is closed to new replies.

Tags