search

shanselman / SmallestDotNet

SmallestDotNet - SmallestDotNet.com is a single page site that does one thing. It tells you the smallest, easiest download you'd need to get the .NET Framework on your system.
MIT License
130 stars 64 forks source link

download buttons look odd on Spartan and skinny IE #50

Open binki opened 9 years ago

binki commented 9 years ago

See http://smallestdotnet.com/ on Spartan and skinny IE. If IE is made fatter, the buttons don’t overlap. But it seems Spartan always wants to render the buttons on top of each other regardless of how fat I make its window.

binki commented 9 years ago

These are running on Windows 10 Technical Preview build 10130.

shanselman commented 9 years ago

Weird. I wonder if there is an update to Bootstrap to fix this? We are on v2.1.1. Do newer versions fix it?

On Thu, Jun 4, 2015 at 1:28 PM, Nathan Phillip Brink < notifications@github.com> wrote:

These are running on Windows 10 Technical Preview build 10130.

— Reply to this email directly or view it on GitHub https://github.com/shanselman/SmallestDotNet/issues/50#issuecomment-109038974 .

Scott Hanselman Donate to fight diabetes: http://hnsl.mn/fightdiabetes

marcosnz commented 9 years ago

I have reproduced the "Skinny IE" effect on Win 8 (also in Chrome). I'm not really a web guy - don't know if upgrading bootstrap will fix.

binki commented 9 years ago

I tried plopping bootstrap-3.3.4’s bootstrap.min.css on top of the existing bootstrap.min.css and removing the bootstrap-responsive.min.css. I’ve never used bootstrap before. I do not see this sort of problem on bootstrap’s examples, though I only took a gander at a few. I assume this is some custom styling that is at fault. The skinny IE version looks like it’s trying to lay them out vertically, which makes sense for a skinny layout. Just it doesn’t know that the buttons are as tall as they actually are or something…

binki commented 9 years ago

And skinny chrome also gets the same thing. So there’s some issue specific to how these buttons are laid out. Mozilla doesn’t want to break the buttons up into multiple lines. Sounds like a responsive design failure ;-).