Single HTML file showing in Firefox smaller than the other HTML files - html

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!

Related

Page layout different on 1st load in chrome

I'm trying to get a job as a developer. I've made a personal website to show employers but I've got a bug. Everything is fine in all browsers except Chrome.
On the first load of the page, the navbar layout is messed up. After you hit refresh or navigate to other pages the proper layout is maintained.
I have no idea what is causing this. Can anyone help?
Link to website: www.alexanderisgr8.com
Possibly a caching issue due to an older css. Try doing a hard-refresh [ctrl+f5]?

Page numbers in CSS

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?

Having an issue with iPad display

I am having a problem with our site not displaying the CSS while on iPads.
Here is what I have done so far:
Works fine on mobile. In addition when I use browser console to view as iPad it works fine and when I use a site to view the page as an ipad it also works fine
However on a physical iPad none of the styling kicks in and I cannot figure out why. Any help would be very much appreciated.
We are using a html include for the CSS scripts - could this be an issue?
The site is:
www.roburir.com/index.html (we are working on getting rid of the index.html displaying).
You are using HTML imports to load content including header content, which has very little browser support. Just use a PHP include to import stuff, or normal CSS links that have worked fine for decades. :)

html images appearing in wrong places

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

External css link not working in IE website page

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.