I am designing a bigcartel website and am receiving a weird browser-specific problem, on chrome, mozilla and some other browsers when on the website images on the products and the home page do not load correctly and are either slightly above or below where they should be. It is resolved by reloading a couple of times but obviously that isn't good. Here is the link to the website, and the source html replaces bigcartel variables so here is a whole .zip containing all page html and theme css.
https://mega.co.nz/#!aMoTEAwJ!CM6ZLyTMiY8YGWg3StH0xFNVNb89M2WTLkJ0khR-np8
Related
I have a simple website containing 3 HTML pages but sometimes internal links on IOS Safari doesn't work correctly. Rather than rendering the page, it displays the 'Open in "Drive" screen with options to save page as a document. When I refresh the page it renders correctly again. This usually when I navigate around the pages quickly and I am not sure why this odd behavior and how to fix.
See a screenshot here https://ibb.co/bXxzZTS
Not sure if it is related but the DNS is via CloudFlare (Free) and the pages are really fast (as it's just HTML, CSS and JS).
I have only seen happen on iPhone Safari. Other devices I have checked on include iPad, MacBook, PC running browsers Chrome or Safari are all OK.
Additionally, I tried using URL with and without full domain with the same result.
I just expect the page to render as an HTML page.
I need page numbers on a printed HTML page. I saw a few examples on the Web of how to do this with CSS that appear not to work at all. Is there any way to insert a footer with page numbers, at all on any web browser? Is this something that only worked in older browser versions?
I have a web site that I'm building using HTML and CSS. I have 3 pages built exactly the same minus the actual content on the page. The issue I'm having is that on Firefox, one of the pages shrinks. Everything from the Header down to the Footer and including icons shrink. When launched on Safari, it works fine. Any suggestions as to what to look into for the issue or why it would happen on Firefox? I've exchanged the CSS for the other pages and it hasn't changed. I know it's bad practice to have 3 HTML files that will look the same but to give them each their own CSS and I'll fix that now. Thanks for your help!
I created a cross platform app using jQuery Mobile. When I test it on various browsers it works fine and displays all images with no problems. When I build it with Phonegap Build, transfer to my Android phone and test I have problems with some images displaying.
I have several similar pages where I display a picture on each page. The problem is that pictures display on some pages but not on others. I have ruled out file type as an issue (I am using .jpg, .jpeg and .png and I have at least 1 of each of these working fine) and I have ruled out the code as the issue as I have used working images on pages that werent displaying the image before to prove that it was the image itself at fault (the image displayed fine when I used one that was working from another page). I have also ruled out picture size, dpi and dimensions.
Does anyone have any ideas?
I seem to be having an interesting problem linking my css stylesheet. Everything is working perfectly fine on my website css wise for every page on chrome, firefox, and anything else. But for some reason, 1 page in IE is displaying weird. Im using the same stylesheet for almost every page on the website but yet its not working on 1 page on IE.
Check it out for your self on IE. Heres the home page that works fine http://www.sentinelgaming.net
Then on the forums page it messes up. http://www.sentinelgaming.net/forums
Again, im using the same stylesheet on the home page as the forums. But one page displays differently.
Thanks for any help.
It looks like the forums page is failing to load this css file:
http://files.enjin.com/202624/general%20files/navbar%20css.css
It might be due to the fact that on line 740 there are second DOCTYPE, html, head, and body tags. You should delete all that and move the css file link to the proper head tag at the top of the page.
This should hopefully fix your issue.