If you look at the box shadow inset here http://spencedesign.netau.net/singapore-tour.html#/intro You can see that it is at 100% and goes all the way down no matter the size of the page, but I can not seem to recreate it here http://spencedesign.netau.net/singapore-author.html it is using the same code. I do not understand

Recommended Answers

All 8 Replies

If you are speaking of the shadow on the corners (the only place I notice it), it appears to be oworking on both pages for me, if your using chrome clear your cache then try.

I beleive that in another thread, I had suggested that you add the following to your styles... Add this on the first line.

body, html {margin:0;padding:0;height:100%;}

Tested in Chrome 23...


Thank you for replying. I did try that, and it didn't work for me. Also, if you look at the tour page, it works there without applying that code.I will try it again, and yes I am using chrome I will try clearing the cache when I get home. What browser are you using?

Chrome 23.

I think the reason why it is different for you and me is that I have a big desktop with 1920x1080 pixels

When I use that snippet it increases the page size.

I fixed it. I used your snippet JorgeM, but I decreased the height percent, I think just some of my margins were throwing it off.

Glad to hear you resolved the issue.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, learning, and sharing knowledge.