I've got a project that needs to be able to save; but cannot include server side code to do so.
I've structured the code to make sure that it has no external libraries or CSS files, and can simple press CTRL+S on all browsers, EXCEPT IE, and have the page look just the way it should.
In IE however it just looks like the default page, without any of the changes.
TL;DR: Can you save the computed page in IE (8+ preferably but 9+ is fine too.)
Related
So I developed a profile on a website of mine in Firefox (the website accepts HTML in profiles). I then opened it in Chrome and, while there's differences and Pros and Cons I notice to each, I'm not really bothered by anything except the fact that my audio player at the top is properly styled in Firefox, but not in Chrome.
It seems to me that the "height" CSS didn't take in Chrome for some reason, meanwhile it takes just fine in Firefox.
Any idea how to fix this issue? If not, at least help me to make it so that it'll display normally in Chrome, even if it has to be fat instead of the slim bar I wanted. At the very least I want it to be functioning and not obscured by the page, even if it's not exactly what I had envisioned.
I've tried several #media "hacks" to target only Chrome / webkit but they don't take either.
Profile in question located here (flash required). Sources are freely available in the sources tab. The CSS classname is .BGM.
Thanks.
Edit: Images of the difference: https://imgur.com/a/EQyqD
You can see the problem - I want it to display correctly like it is in Firefox, not be crushed like it is in Chrome. I'd actually like to be able to style it further for Chrome - make it styled the same in Chrome as it is in Firefox - though I'm guessing that Chrome may just not be as flexible about this as Firefox is.
PS: Yes, insane that a site still runs on Flash over HTTP in 2018, and yes the profile designs on the site are all juvenile and edgy. It's a guilty pleasure of mine - and it's a nice little coding playground.
Change the height attribute within the .bgm class to something bigger, like 30.
If you're really attached to how the player looks on Firefox, you can also introduce some Chrome only margin to .bgm:
-webkit-margin-before: 12px;
If you want to make the Chrome player slimmer you will need to look into webkit masks, which requires an additional image file.
I have a form in the website http://helloiwant.com/demo.html
It is done with bootstrap. However when I view it on either safari or firefox, it doesn't show it properly but it always shows it properly on chrome. My guess is something to do with css but I cannot figure out the solution. Thanks in advance!
I looked at the source code of the webpage, if everything being white is the problem you have to change color and border-color in the css to black(#000) (or the color you want) since everything is white/(#fff).
But it seems like you are using an external source for the bootstrap css, so you should go to the official site and download bootstrap and put it on your server. Remember to customize it to fit the style you are going for, or edit it manually after downloading it.
Or you can create an extra css file that loads after the boostrap css, and just add overrides for the colors.
I have no idea why it works for you in Chrome, in my experience Chrome always finds a way to load outdated css files, try to disable cache in the developer tools.
How to disable cache in chrome? <-Check answer here
Ok, this is weird and I'm not sure how to resolve it.
I am the creator of LogZilla (a syslog management/reporting tool).
One of my users has pointed out a bug that only exists in IE9. IE 8 and below has never worked properly so I can live with that. But IE9 should be working. FWIW, I am running IE10 and it works. But if I put it in IE9 mode it doesn't.
If you visit my demo server and do a search (just click the search button at the bottom of the page after logging in), you can see that the data is presented properly using Chrome and FF and IE10, but if you use IE9 it says there is no data to display.
I've also noticed that if you use a GET instead of a POST it works properly. The results page after a search has a small disk icon at the top right - if you click that you can get the full URL to paste as a GET.
I'm wondering if the problem is this which led me to this, but I have tried loading json2.js in the header and it doesn't fix anything (maybe I did it wrong?)
Edit: I also though Modernizr might help, but I have no clue how to implement it, and the download page is insanely confusing - which options do I need?
Edit: Based on #thatidiotguy's comment, I checked my source and it is actually using a GET, not a POST. So now I'm even more confused as to why pasting the url works when clicking the button from the main page doesn't?
Im finishing my website and am now in the validation and browser testing stage.
So, my whole website has been converted to html5, as the default theme wasn't. After adding the conditional ie 9 comment to apply the html5shiv.js to browser versions below ie 9, some of the pages render properly and some do not.
Please view this page in Internet Explorer 8 (or ie9 but in version ie 8 from developer mode) to see the broken html5 page: http://www.gizmotrims.com/site/gizmotrims/music-ipods/1-ipod-nano.html
I troubleshooted this issue and wasn't able to find what is actually causing the pages to not render correctly and appear broken. Please note that not all of the pages have this problem, only a few. Its weird because some pages are fine and some aren't.
Could someone help me find this problem so I can finish the development of my site?
The path to js/html5shiv.js does not seem to work. You could change it to ../js/html5shiv.js, but that will probably ruin it for other pages. In this case you are better off using the absolute path (http://www.gizmotrims.com/site/gizmotrims/js/html5shiv.js) or a path relative to the root (/site/gizmotrims/js/html5shiv.js). You could also set a base[href], but that would affect other references as well.
Do CSS files get sent to brower for the browser to render the page, or are CSS files processed server side, with only the HTML page being sent to browser?
CSS is processed client-side by the browser. So yes, it is downloaded by the browser along with HTML, images, Javascript etc.
Yes, the CSS file is sent to the browser to render the page.
This image will help you to understand, where the CSS file gets downloaded to the client browser.
alt text http://www.lokalisointi.org/~magi/itmill/book/polish/book-pl/img/intro/firebug.png
You can use Firefox and the Firebug plugin to check this.
They are sent to browsers, along with JS files and other resources referenced in your HTML page. Of course, browser may never actually request these files (for example, if you disabled images display), but nothing gets applied server-side.
CSS files are sent to the browser as well (unless they are already cached client side)
CSS is processed by the browser, client-side.
Css behaves like html files, they get fetched by the browser and then the browser does all the rendering.
The same thing happens with image files and javascript. That is why you have different behaviors for different browsers, each browser interprets the css files as they want and that's why you have to tune up your css files for IE, Firefox, chrome, opera, etc...
The best way to make your css files work in almost all the browsers (apart from IE6) is writing the css file using the w3c standards, Firefox, Chrome, opera and IE9 are supposed to be W3cCompliant.
Everything is sent to the browser what is supposed to design your page including CSS, HTML, Javascript.