Box shadow doesn't extend all the way in Chrome

so I have a box-shadow that is on either side of my content at

www.heatherkirk.net. Haha, don't pay attention to my front page on IE (my portfolio listings are all messed up) if you choose to use it, that's a different problem entirely lol.

For Firefox and IE, it definitely extends all the way. However, on Chrome, it stops halfway and when I click on Inspect it shows that my main container stops halfway up the page (just on Chrome though). If anyone could answer for me, it would be much appreciated!

Answers


Frankly I dont see a difference except that chrome's shadow is little leaner. The chrome inspect element shows that u have added -web-box-shadow. If you added it, then it is wrong, it should be -webkit, and thats for safari. for mozilla thats -moz. add like this and see if u find a difference.

#example1 {
    -moz-box-shadow: 10px 10px 5px #888;
    -webkit-box-shadow: 10px 10px 5px #888;
    box-shadow: 10px 10px 5px #888;
}

Need Your Help

How to make a confirmation modal with Remodal

jquery modal-dialog confirmation remodal

I use Remodal ( https://github.com/VodkaBears/Remodal#remodal ) to make some modals, normally I use only the alert modal but now I want to use a confirmation modal.

VBA to C# with statement

c# vba excel-dna

I am trying to convert simple vba "with statemnt" to C#. ProductRangeA and B are named ranges. Could someone to give a hint?