Css container effect failed

6 replies · opened Aug 14, 2019

Jjavck2Aug 14, 2019

Hello,
My page use container css to wrap articles & other elements ,but they align left side but not middle side.
How to fix it?

Problem webpage:
[http://baking.goblin.a2hosted.com/news](http://baking.goblin.a2hosted.com/news)
[http://baking.goblin.a2hosted.com/contact](http://baking.goblin.a2hosted.com/contact)
[http://baking.goblin.a2hosted.com/qna](http://baking.goblin.a2hosted.com/qna)
SSemicolon WebSTAFFAug 15, 2019

Hello,

We have checked out your Pages and there are several issues that are causing the error.

Firstly, there are HTML Validation Errors on your Page: https://validator.w3.org/nu/?doc=http%3A%2F%2Fbaking.goblin.a2hosted.com%2Fnews .

Secondly, the Menu is longer than the available area. Simply add the following code just after the </header> Tag:

This should definitely fix the issues. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Jjavck2Aug 17, 2019

Hello,
I didn't see any code.

SSemicolon WebSTAFFAug 17, 2019

Hello,

Apologies about the mistake! Please use this code:

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Jjavck2Aug 18, 2019

Hello,

it works.

Could you explain when should I add this code?
Besides, I don't know when should I use clearfix class too.

If having any information or documents would be appreciated.

Best Regards~

SSemicolon WebSTAFFAug 21, 2019

Hello,

It is recommended to use the .clear DIV or the .clearfix Class if there are floating grids in the previous container. This issue occurs when the Floating Grids are not cleared properly. Sometimes you will need to manually check this while editing/adding your codes.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Jjavck2Aug 23, 2019

Hello,

thanks for your patience. I know more about it.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard