Should CSS vary by protocol (HTTP vs HTTPS)?

greeet

New Member
I have developed a site using the usual suspects: MVC & jQuery. The production site is SSL...but I also have a backdoor to test it over http as well.The overall structure of the page is:\[code\]<body> <div class="container"> <div class="nav"/> <div class="control"/> </div></body>\[/code\]...and the related .css looks like this:\[code\].container { height: 100%; width: 100%; }.nav { float: left; width: 23%; overflow-y: auto; overflow-x: hidden; }.control { float: right; width: 74%; }\[/code\]When I look at it via http, the nav's content is too large and it's vertical scrollbar shows up. However, when I look at it through the https address, the .nav runs down the page, and the whole page has a scrollbar.I would prefer to have the behavior in the http view.If I add:\[code\]html, body { height: 100%; width: 100%; }\[/code\]...it has no net effect in http...however, it acts like I had overflow-y: hidden on the html and/or body.The variance in behavior is consistent across at least these browsers: ie8, ie9 and chrome.Is there anything I can do to keep the http behavior in https? Is the difference in behaviors documented anywhere?Thanks for your time,Clay
 
Back
Top