Loading ...

RAW HTML section within a Section widget | Communifire Support

Home » Spaces » Communifire Support » forum » Features and Functionality » RAW HTML section within a Section widget
Communifire Support

Leave Space :

Are you sure you want to leave this space?

Join this space:

Join this space?

Add a new tab

Add a hyperlink to the space navigation. You can link to internal or external web pages. Enter the Tab name and Tab URL. Upload or choose an icon. Then click Save.

The name that will appear in the space navigation.
The url can point to an internal or external web page.
Login to follow, share, and participate in this space.
Don’t have a support community login?Create your account now
Posted in: Features and Functionality

RAW HTML section within a Section widget

Subscribe to RSS
  • Xenon

    I'm trying to contain my raw html within a section widget in page builder, but when I publish it, my code is outside of the container. Why would this be happening?

    My raw html has 2 section divs. One floats right and the other left. 

  • nvstiers

    Hi Xeng,

    When you say your code is outside of the container what do you mean by that? 

    Are you saying that visually it is showing up outside of its containing element or are you stating that the actual mark up is in the incorrect location? If you view the source of the page is the mark up incorrect?

    Floats take elements out of the normal flow of the page and will "float" on top of other elements. If this is what you are experiencing then you would need to make use of float clears or use a different method of positioning your elements like CSS Grid or Flexbox

  • Xenon

    Visually it's outside of it's containing element. The markup looks correct to me anyway. I'll have to play around with this further. Your suggestion of positioning using CSS Grid or Flexbox is something I'll look into. Thanks, Nathaniel. 

    I'll mark this as answered for now.

  • nvstiers
    Answered

    If it's visually outside of the containing element then it is likely the float property you are using.

    check out https://www.w3schools.com/cssref/pr_class_clear.asp

    https://css-tricks.com/all-about-floats/

    If this parent element contained nothing but floated elements, the height of it would literally collapse to nothing. Containing elements collapse when all they contain are floated elements because the floated elements are no longer considered in the normal flow of your webpage

  • nvstiers

    Look into clear fixes, you need these when using floats 

    https://www.w3schools.com/howto/howto_css_clearfix.asp

Page 1 of 1 (5 items)