Odd behavious when adding border to module

Odd behavious when adding border to module was created by Boradan

Posted 7 years 2 months ago #39548


The above image shows the difference between 2 modules (aligned modules)
The only difference in the css for them is the fact that the one on the right has a 1 pixel border.

Adding this border seems to be adding 9 pixels of padding at the top of the module (or the title) without changing any of the css settings.


**EDIT**

I see the issue now.
ALL heading sizes in bootstrap have a 9 pixel margin.
For some reason this isn't applied until a border is added...
Changing the formatting of all h1-h6 titles in the template to 0 margin fixes the issue
Last Edit:7 years 2 months ago by Boradan
Last edit: 7 years 2 months ago by Boradan.

Please Log in or Create an account to join the conversation.

Replied by ced1870 on topic Odd behavious when adding border to module

Posted 7 years 2 months ago #39549
Hi
this is a normal behavior and in fact a CSS bug, called "collapsing margins"
you can ask google about it to have some more advanced explanations ;)

There is also a little video about this in the template creator component help page...
CEd

Joomlack Webmaster and Developer

by ced1870

Please Log in or Create an account to join the conversation.

Replied by Boradan on topic Odd behavious when adding border to module

Posted 7 years 2 months ago #39550


Just sorted it out by manually changing all H1 >> H6 titles to have margin of 0px (even though they had nothing in the margin fields)
Last Edit:7 years 2 months ago by Boradan
Last edit: 7 years 2 months ago by Boradan.

Please Log in or Create an account to join the conversation.

Time to create page: 0.702 seconds

Fast and powerful creation, customizable and responsive.

Read More

We have 1127 guests and no members online