(CSS included, you have been warned) : Flex is aww... Unless
-
... Unless I had a requirement to support old mickeysoft browsers. I had been banging my head over a simple design solution for last few hours to just get the navbar right. I can't use polyfills because that may not be available due to "security" And browser cannot be updated again due to an obnoxious cocktail of "security" and "compatibility" Because an internal thing is running on something that breaks on new mickeysoft browsers. (Hope the "one" is not seeing me :~)
Beauty cannot be defined by abscissas and ordinates; neither are circles and ellipses created by their geometrical formulas. Carl von Clausewitz Source
-
... Unless I had a requirement to support old mickeysoft browsers. I had been banging my head over a simple design solution for last few hours to just get the navbar right. I can't use polyfills because that may not be available due to "security" And browser cannot be updated again due to an obnoxious cocktail of "security" and "compatibility" Because an internal thing is running on something that breaks on new mickeysoft browsers. (Hope the "one" is not seeing me :~)
Beauty cannot be defined by abscissas and ordinates; neither are circles and ellipses created by their geometrical formulas. Carl von Clausewitz Source
ΑlphaΔeltaΘheta wrote:
Because an internal thing is running on something that breaks on new mickeysoft browsers.
Compatibility Mode? Really, I don't understand why it's so difficult to fix the 'internal thing' to work with the modern browsers as it's usually just outdated javascript or css. This morning (at my non-developer Saturday job) I have been fighting with IE11 on Win10 Home. (yes, they are using Home edition for the business) Start IE, it crashes. Disable all add-ons and restart it, it crashes. So why not just use another browser? Because the commercial web application we use to do business only works with IE<10! I finally got it to work by using the 'run as admin' option which raises another question. Why does that work, when I'm already an Administrator on the box? :confused: Actually, I don't care, as long as it works for my shift. My point is that it is bad business to promote an IE only product!
"Go forth into the source" - Neal Morse
-
... Unless I had a requirement to support old mickeysoft browsers. I had been banging my head over a simple design solution for last few hours to just get the navbar right. I can't use polyfills because that may not be available due to "security" And browser cannot be updated again due to an obnoxious cocktail of "security" and "compatibility" Because an internal thing is running on something that breaks on new mickeysoft browsers. (Hope the "one" is not seeing me :~)
Beauty cannot be defined by abscissas and ordinates; neither are circles and ellipses created by their geometrical formulas. Carl von Clausewitz Source
How old are we talking? If it's IE10, then you just need to use the older syntax[^]. Using Flexbox: Mixing Old and New for the Best Browser Support[^] If it's IE9 or earlier, then you'll need to fake it with
floatordisplay:inline-block. Use Modernizr[^] to add classes to the<html>element so that you can easily switch between approaches:.flexbox .product-grid
{
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
}
.flexbox .product-grid > .product-grid-item
{
flex-basis: 25%;
}.no-flexbox .product-grid > .product-grid-item
{
display: inline-block;
vertical-align: top;
width: 25%;
}If you're using
display:inline-block, watch out for white-space between your elements: Fighting the Space Between Inline Block Elements[^] But now this is starting to turn into a programming question! ;P
"These people looked deep within my soul and assigned me a number based on the order in which I joined." - Homer
-
ΑlphaΔeltaΘheta wrote:
Because an internal thing is running on something that breaks on new mickeysoft browsers.
Compatibility Mode? Really, I don't understand why it's so difficult to fix the 'internal thing' to work with the modern browsers as it's usually just outdated javascript or css. This morning (at my non-developer Saturday job) I have been fighting with IE11 on Win10 Home. (yes, they are using Home edition for the business) Start IE, it crashes. Disable all add-ons and restart it, it crashes. So why not just use another browser? Because the commercial web application we use to do business only works with IE<10! I finally got it to work by using the 'run as admin' option which raises another question. Why does that work, when I'm already an Administrator on the box? :confused: Actually, I don't care, as long as it works for my shift. My point is that it is bad business to promote an IE only product!
"Go forth into the source" - Neal Morse
kmoorevs wrote:
Why does that work, when I'm already an Administrator on the box?
UAC - you're an Administrator, but you're not an Administrator. :D Did you try turning Protected Mode off? Internet Explorer Protected Mode - Turn On or Off - Windows 7 Help Forums[^] (It says Windows 7, but the steps haven't changed for W10.) It could be a problem with the permissions on the file system or the registry. They aren't documented anywhere, and they're so complicated to fix that MS usually just tell you to create a new user profile, or refresh/reset your PC. :doh:
"These people looked deep within my soul and assigned me a number based on the order in which I joined." - Homer
-
How old are we talking? If it's IE10, then you just need to use the older syntax[^]. Using Flexbox: Mixing Old and New for the Best Browser Support[^] If it's IE9 or earlier, then you'll need to fake it with
floatordisplay:inline-block. Use Modernizr[^] to add classes to the<html>element so that you can easily switch between approaches:.flexbox .product-grid
{
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
}
.flexbox .product-grid > .product-grid-item
{
flex-basis: 25%;
}.no-flexbox .product-grid > .product-grid-item
{
display: inline-block;
vertical-align: top;
width: 25%;
}If you're using
display:inline-block, watch out for white-space between your elements: Fighting the Space Between Inline Block Elements[^] But now this is starting to turn into a programming question! ;P
"These people looked deep within my soul and assigned me a number based on the order in which I joined." - Homer
Richard Deeming wrote:
But now this is starting to turn into a programming question! ;-P
Thank you for your awesome answer for my non programming question. Especially for the link to the old syntax and how to mix it with the new syntax properly. But the idiot devil sysadmin has turned off JavaScript Old : As I'm told a couple of boxes may still run IE 6. Majority are Windows 7 boxes, so I guess should be IE 8 Pretty old indeed. With the exception of dev boxes that we use. I'm not using flexbox now. Had to go the hard way with floats and inline-blocks.
Beauty cannot be defined by abscissas and ordinates; neither are circles and ellipses created by their geometrical formulas. Carl von Clausewitz Source
-
ΑlphaΔeltaΘheta wrote:
Because an internal thing is running on something that breaks on new mickeysoft browsers.
Compatibility Mode? Really, I don't understand why it's so difficult to fix the 'internal thing' to work with the modern browsers as it's usually just outdated javascript or css. This morning (at my non-developer Saturday job) I have been fighting with IE11 on Win10 Home. (yes, they are using Home edition for the business) Start IE, it crashes. Disable all add-ons and restart it, it crashes. So why not just use another browser? Because the commercial web application we use to do business only works with IE<10! I finally got it to work by using the 'run as admin' option which raises another question. Why does that work, when I'm already an Administrator on the box? :confused: Actually, I don't care, as long as it works for my shift. My point is that it is bad business to promote an IE only product!
"Go forth into the source" - Neal Morse
kmoorevs wrote:
Really, I don't understand why it's so difficult to fix the 'internal thing' to work with the modern browsers as it's usually just outdated javascript or css.
No it isn't difficult at all. But no one cares to update it. It does contain some kind of ActiveX back from the IE6 days which refuses to run on new machines.
Beauty cannot be defined by abscissas and ordinates; neither are circles and ellipses created by their geometrical formulas. Carl von Clausewitz Source
-
Richard Deeming wrote:
But now this is starting to turn into a programming question! ;-P
Thank you for your awesome answer for my non programming question. Especially for the link to the old syntax and how to mix it with the new syntax properly. But the idiot devil sysadmin has turned off JavaScript Old : As I'm told a couple of boxes may still run IE 6. Majority are Windows 7 boxes, so I guess should be IE 8 Pretty old indeed. With the exception of dev boxes that we use. I'm not using flexbox now. Had to go the hard way with floats and inline-blocks.
Beauty cannot be defined by abscissas and ordinates; neither are circles and ellipses created by their geometrical formulas. Carl von Clausewitz Source
ΑlphaΔeltaΘheta wrote:
IE 6
Kill it! Kill it with fire! X| Might be worth mentioning to the sysadmin that support for IE6 ended in April 2014. Every security vulnerability found since then remains unpatched. And, as of 12th January this year, anything earlier than IE11 is in the same boat: Internet Explorer End of Support[^]
"These people looked deep within my soul and assigned me a number based on the order in which I joined." - Homer
-
kmoorevs wrote:
Why does that work, when I'm already an Administrator on the box?
UAC - you're an Administrator, but you're not an Administrator. :D Did you try turning Protected Mode off? Internet Explorer Protected Mode - Turn On or Off - Windows 7 Help Forums[^] (It says Windows 7, but the steps haven't changed for W10.) It could be a problem with the permissions on the file system or the registry. They aren't documented anywhere, and they're so complicated to fix that MS usually just tell you to create a new user profile, or refresh/reset your PC. :doh:
"These people looked deep within my soul and assigned me a number based on the order in which I joined." - Homer
-
Richard Deeming wrote:
But now this is starting to turn into a programming question! ;-P
Thank you for your awesome answer for my non programming question. Especially for the link to the old syntax and how to mix it with the new syntax properly. But the idiot devil sysadmin has turned off JavaScript Old : As I'm told a couple of boxes may still run IE 6. Majority are Windows 7 boxes, so I guess should be IE 8 Pretty old indeed. With the exception of dev boxes that we use. I'm not using flexbox now. Had to go the hard way with floats and inline-blocks.
Beauty cannot be defined by abscissas and ordinates; neither are circles and ellipses created by their geometrical formulas. Carl von Clausewitz Source
Your sysadmin seems to be the a complete idiot.
What do you get when you cross a joke with a rhetorical question? The metaphorical solid rear-end expulsions have impacted the metaphorical motorized bladed rotating air movement mechanism. Do questions with multiple question marks annoy you???