Weird white border surrounding UI Page

yundlu316
Kilo Guru

‎10-28-2016 06:19 AM

I've created a couple UI Pages and there's always a strange white border that appears around my entire page.   When I copy the exact same code into a dynamic block, that border doesn't exist.   Has anyone experienced this?   Is there a way to get rid of that border?   For instance, I copy/pasted the code from this codepen entry:   http://codepen.io/andrewerrico/pen/xwRZeJ   and everything looks great, but you'll notice the subtle white border surrounding the entire page:

find_real_file.png

It doesn't look like much, but it becomes noticeable and annoying once you put in a fixed navbar among other items.   Any suggestions?

Preview file
1855 KB
0 Helpfuls
  • 1,246 Views
6 REPLIES 6

yundlu316
Kilo Guru
In response to prithvirajchaud

‎10-28-2016 08:03 AM

ok so I followed your advice and found out that it was a padding issue.   I'm still as confused as ever because I specifically took padding out in my CSS, but it was only after I put it in my HTML as well that the padding went away...



<body style="padding: 0;">



Any idea why some CSS will take while others won't?   I've actually ran into this type of issue on some other elements as well.   Thanks.


0 Helpfuls

prithvirajchaud
Mega Expert
In response to yundlu316

‎10-29-2016 04:21 AM

Hi David,



There is nothing like some CSS are taken and others aren't. But it matters where you are putting the CSS. In your case there was something that put a padding between your <html> tag and the container of that tag. Even if you changed the padding of the <body> element the padding between the <html> element and its container remained, since the <body> element resides inside the <html> element and a change in its style does not affect its parents style. I hope your question was answered. For more information nested html and CSS i would ask you to follow the tutorial at W3Schools Online Web Tutorials .



Mark this answer helpful if you found it to be so



Thanks


0 Helpfuls