Viewing Full Width Boxes with Borders in 1.8FC

  1. Portal Home
  2. Forum
  3. EverWeb
  4. Bug Reports

Full Width Boxes with Borders in 1.8FC



User: wellnl 11 years ago
Hi

I created a rectangle with a different colour border. I set the rectangle to be full width. When it's published though, the right hand vertical does not show the border line. I have only tried this on a mobile site page. Preview on a desktop style site seems to work ok.
User: Roddy 11 years ago
In modern web design, objects are styled with CSS which uses the box model. Borders are added outside of the box unless you specify "box-sizing:border-box". Adding a border to a 100% wide object will increase its total width to 100% plus twice the border width so it starts to move off the canvas.

For a full width rectangle - without using border-box - you would need to set the border as a percentage and reduce the percentage width of the object by two times the border width.

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.


Post Reply
You must login or signup to post.