Jump to content


Photo
- - - - -

Float Drop Boxes

boxes float-drop right box

  • Please log in to reply
1 reply to this topic

#1 platformuser

platformuser

    Newbie

  • Members
  • Pip
  • 5 posts
  • Country: Country Flag

Posted 18 January 2014 - 01:45 PM

Dear PageLines-team,

we've got problems with Platform Boxes.

There are float-drop css problems with boxes in platform cms.

On startpage (link and picture in attachment) are three boxes, but the last "column"  is dropping.

If the browser-width is lower than 1200px, then the right box drops to the next line.

Is this problem relating to div class "pprow grid-row fix"?

My favourite solution would be that all three boxes get smaller when downsizing the browser width.

Therefore I would need your assistance.

Thank you very much.

Platformuser

 

Attached Files


Edited by platformuser, 18 January 2014 - 01:46 PM.


#2 Danny

Danny

    Is Awesome!

  • Moderators
  • 15120 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 19 January 2014 - 08:40 AM

Hi,

 

From the looks of it from your attached image, the issue isn't related to PageLines, but your custom CSS due to your use of border. Adding a border to an element that has a specific percentage width will cause that element to a new row as the border via CSS is added to the elements width, this throwing the percentage width out the window.

 

Therefore, if you wish to add a border style to your box, then you will need to do one of two things.

 

1. Replace border with the box-shadow property

2. Continue using the border property, but use the box-sizing: border-box; alongside it, this should resolve your issue.

 

Please be aware that we do not provide extensive CSS support and we do not provide any support to user created code. Therefore, if you have a styling issue in the future, please remove all custom CSS before posting. This way, you can make sure the issue is with our product and not your code.







Also tagged with one or more of these keywords: boxes, float-drop, right box