Google Chrome Print Preview of page issue - html

I have a problem that I am trying to fix for someone on the below page.
http://www.photographix.co.uk/external/the_dolphin/a-la-carte-menu.php
The problem is that when I attempt to print the page it is on one page only and half of the text disappears. This is on google chrome only (other browsers appear to be working ok which surprises me).
I am using a print style sheet and have tried using page breaks to no avail.
This is how they are printing to each browser, I appreciate each one may be slightly different.
(Need more rep to post all links)
http://www.photographix.co.uk/external/the_dolphin/chrome.pdf
At the moment I am just trying to get the text on chrome to appear on more than one page, I appreciate any help given.

Related

Unable to open Dropdowns, Hyperlinks & Hyperlink Buttons on landing Webpage

I'm experiencing a weird issue with my live website landing page https://indigojobs.in/jobs, users unable to select any of the search filters, hyperlinks and hyperlink buttons. They appear as if they're frozen and not responsive at all. Issue appear a day ago and i'm unable to trace back any relevant changes. I don't even see any script errors. Issue persists in all browsers. All it working pretty nicely for an year but troubling now. Appreciate any help since its severity as hundreds of users are on live. Thanks in advance!
PS: It is working fine on mobile, issue is only on desktop users surprisingly.
I didn't reproduce your issue but you have lot of styles problems on 1920px screens
I inspect your website the problem is that div: ezoic-pub-ad-placeholder-136
if delete that all website work.
That div contain google ads.

Formatting bug when printing web page

I am attempting to print a web page via Ctrl-P or right-click print so I can save it as a PDF. Up until several minutes ago, this was working flawlessly. I have made some minor sizing edits to the grid I am working with on the page and now when I attempt to print, the web page is displaying some formatting glitches on the preview screen.
The problem is shown below. There are various borders missing from the grid and this is carrying over to the PDF when fully saved. Nothing is missing when viewing the page normally.
I am aware this is a silly question, but for the sake documenting it, I did find out my issue.
My textareas are currently overlapping borders in certain areas of my grid. This appears to cause those grid borders to disappear to show the full textarea.
Below I took a snapshot to show how the textarea's blue line is going over my grid.
Solution: add padding to a bordered <div> if a textarea is in it

Jump to a specific entry not working for several browser

i was working with Screen and some Qwebkit based browser. I do thumbnails of specific entrys of a webpage via Achnor. That worked fine till some days.
The issue is that a lot of webbrowsers (including my crawler) aren't able to Jump to a specific Anchor of a post entry. This issue occours only on this specific Website by Blizzard Entertainment.
I took a look into the webpage several times with firebug but i can't see the reason for the Bug. I hope that someone is able to tell me whats wrong with it.
http://eu.battle.net/hearthstone/de/forum/topic/14899382319?page=4#69

Google Chrome issues with impress.js

Sorry for the rather unspecific title, but I can't say it any better.
I'm making a site which works flawlessly (as far as I coded it) in Firefox, but since only insignificant changes it stopped working in Chrome, and I have absolutely no idea why this is! Here's a link to the site, so you can try for yourself:
http://aichorn.com/original
as I started working on it, it worked great in Chrome, but since yesterday it stopped working in Chrome. normally you are supposed to be able to click on "trail-infos" and then a box with a link should fade in. you can get to the box at the moment only by pressing spacebar or clicking on the right arrow...once you are on the trail-info box there's a link saying "Allmountain", and you should be able to click that link. but it simply doesn't work. as if there's an invsible overlay or something, preventing you from clicking! I cant figure out what's the problem, been trying z-index and stuff, but nothing helped! I've undone all changes I made from the last working version, but still it wont work. this is driving me nuts, since i can't find any reason!
I'm using Chrome 33.0.1750.154 m and the website is working fine. Could be an issue with your PC or temp internet files (Clear cache cookies etc) to try and get working.
I am able to navagate left through all the different boxes that move in 3D space, Trial Infos allows me to click on the small box and the content loads.. I'm assuming that is meant to the be product.
If not show screenshot comparisons what you are getting on FF and what you are getting on Chrome.
Interesting concept for the website also! Best of luck!

Chrome displaying dom elements in strange order, then fixed on refresh

This must be a content problem, but so far I haven't found it - and it is new, it just started happening on a production site.
Using Chrome Version 31.0.1650.57 m, I can replicate this pretty regularly, and so far, not in any other browser.
the problem is on load, some dom elements are appearing out of order. That is, the dom has div1, div2, table1, div3, table2, etc., but the rendered web page shows table 2 above div1. There is not, as far as I can tell, any css that is causing it to be positioned strangely, and simply refreshing the page makes it render correctly. There are not errors in the console.
One caveat - the html is the output of a conglomerate of software and developers, and is not the best dom structure to begin with. But again, it is fine in all other browsers (so far), and it was fine in Chrome until recently.
Below are two screenshots* - the source, and the rendered output. Note that in the source, the H3 tag with the words "Items In Your Shopping Cart Below" appears above the highlighted element (the table containing the checkout button). But in the rendered html, you can see that the button is above the H3. Again, if I refresh the page, it fixes itself.
I am still troubleshooting this, will keep trying to find the problem, but hoping someone out there might have some idea what could be going on. I suspect it is to do with the carousel of images at the top, but that's been in use, unchanged, for a long time now, so not sure what's changed.
Shoot, I don't have the right creds to post images in my question! Here are links to the images:
https://www.dropbox.com/s/v4prpoinmc83f00/Chrome%20Cart%20Bug%20Source.png
and
https://www.dropbox.com/s/j092l7e1etebz07/Chrome%20Cart%20Bug%20Rendered.png
You can also (probably) reproduce this yourself. Got to www.storkie.com, and add something to your cart. No, I'm not trying to lure you into shopping there - just that's how to get to the problem. Anyway, it may come up fine on first add, but then, if you click the View Cart link at the top, it probably will come up as in the pictures.
Thanks in advance for any suggestions!
I have the same issue on a JSF Primefaces application and I couldn't find any unescaped characters.
The element order on my page changes every third or fourth reload, BUT I have an ajax poll (refresh) every 15 seconds and when this hits the page renders correctly.
I compared the source code before and after this ajax refresh, but there were no differences.
I know this is no solution, but maybe helps to get closer to one.
Edit:
I found an issue in chromium issue tracker regarding this problem.
https://code.google.com/p/chromium/issues/detail?id=322936&q=order&colspec=ID%20Pri%20M%20Iteration%20ReleaseBlock%20Cr%20Status%20Owner%20Summary%20OS%20Modified
In any case, the issue should be fixed in next chrome version.
Just wanted to say that I have the exact same problem. A site that was last updated six months ago has recently started rendering elements out of order in Chrome.
For me it happens 2 out of 3 times I visit the page and it's as if rendering restarts when it hits a specific tag.
My code look kinda like this:
List
<span class="HistoryLink_Separator"> » </span>
<span class="HistoryLink_Last>Item</span>
Chrome renders the page fine until it hits the SPAN with the » (right double angle quotes) then it starts positioning elements at the very top of the page again.