On one of my websites a post received a big amount of comments (1188 to be precise). As a result the length of this page is quite long (1,100,000 characters).
Despite being that large, the page used to display fine. Last week I launched a new design in HTML5, and now the browsers are cutting half-way through the comments, so that some of them don't get displayed (I am not 100% sure the re-design is the cause of the problem).
The weird thing is that the HTML source looks fine (all the comments are there) but the visualization on the browser cuts the page.
You can see it here: http://www.dailywritingtips.com/50-incorrect-pronunciations-that-you-should-avoid/
Any clue regarding the possible reason?
This is the problem bro. You are setting max-height: 100000px to every element. Your body's height is more than 100000px so it restricts it to 100000px only. Remove this line from your CSS and things should work.
Related
I have a user generated report page that is sometimes printed off, but it has a bizarre bug one internet explorer. The page is set as tables within a series of divs that appear on the website at all the same sizes and formats, however when printing with IE each page "shrinks" a little more. It may be that the margins are growing, but the relative font size and proportions of the table seem accurate in that they shrink with the pages. I have tried disabling the shrink to fit option, but that did not help. Has anyone run into a similar bug? I have been searching for a while but most of the related problems' fixes have not helped.
looked in to your page, what i think that is causing the shrinking of the page is the extra space at the end of the page.
Im havin a big problem.
Im programming a website for a company in germany.
Since there are so many sites on the page i took an iframe in my index.html file instead of using a div tag because this would need a lot more time since i need to write the div stuff on every page.
Every Browser like IE,Chrome,Opera and also Safari shows the website like i want it to be shown.
But Firefox shows the iframe part in a small window in the left upper side of the window.
So you cant see any content or even 100x bigger than normally and in a quite small window.
So do I have to change anything in my code or do i need to add something?
The bigger problem is actually that the man who is able to start the server doesnt want to start it for let the website goin online because that doesnt work on firefox.
He explained the problem to me that way. but my program (mirabyte) shows everything in the right way (ALSO FIREFOX) so what can I do now because I need to let him try every small change i will do. So it would be nice if anyone does know the EXACT answer because he or she already had the problem.
Any ideas?
Thank you so much
Sasse
Make sure that if you have the iframe in any sort of container, that container also has the applicable height attribute. Also make sure that the iframe height is applied to both the HTML and the body tags.
Beyond that, we would have to see the part of your code where you're declaring the iframe to say anything more specific.
In the process of testing a jQuery Mobile site on IE9 I discovered that something along the lines of
<img src=... width='100%' height='auto'/>
does not work with IE9 - the image appears as a long horizontal line with no height. It seems like IE does not to understand the auto attribute or appears to interpret it as meaning 0 . Leaving it out the height attribute altogether does the trick - the image appears as desired and this seems to be OK with all the other browsers too.
Problem solved? Well, not quite since this leaves me feeling a tad confused. I had always believed that specifying image height and width helps the browser with the job of rendering the page since it knows just how much space it needs to earmark for the image before it has been fetched. So the "leave out the height = auto" trick would mean that page rendering would slow down since the browser would hold off on fetching other page resources till it has got the image data and established the page layout yet to come?
"the browser would hold off on fetching other page resources till it has got the image data and established the page layout yet to come?" Is wrong. This hasn't been the case since netscape. In fact this was one of the key innovations in netscape that the page would continue to render till the image was fetched, size determined and page was simply "reflowed".
As mentioned in the comment. Remove the height if you do not know it. Setting it to auto does not help the browser in any way.
I have a site with a header div and an iframe used to display a map in the rest of the page, resizing to the maximum space it can under the header div.
I can get the method working on Firefox and Chome, but the iframe won't fill the div on IE9. Anyone know what the issue is? Rather than post html, here's a few links to the problem page and the old page I'm re-designing that does work in the same way in IE9.
New problem page (doesn't resize div in IE9):
http://permitmap.paydirt.co.nz/devtest/permitmap.html
Old page using the same technique that does work in IE9:
http://permitmap.paydirt.co.nz/
It might be my abuse of Twitter's Bootstrap? I use bootstrap it as it's meant to be used on normal content pages, but this page is a one-off that needs to display a map in as much of the page as possible while still following the styling for the header as the rest of the site.
And my use of tables for layout is also bad practice I know, but it's the only method I've found to achieve the desired effect with the iframe (believe me, I've tried a lot of ideas out that don't use tables!).
Thanks in advance any CSS / HTML gurus out there that can help!
How much time is lost making IE behave like other browsers!? Microsoft must cost the planet an incredible amount in lost man hours and extra expense supporting IE.
Ah, just noticed I had to solve this issue with the original page.
Removing the DOCTYPE element from the top of the page resolves the issue in IE9!
In our current project, we have one particular page where, when viewed in IE7 or IE8, fonts seem .1 or .2 em larger than they should be. Having inspected the code and css, I cannot see where this is coming from. This issue affects ONLY ONE PAGE which is to all intents and purposes exactly the same as many others in the site, which display as expected.
Some things I have ruled out:
Text-size settings (it's not that, set to medium, and anyway if so why one page only)
DPI settings (same reason as above)
Browser zooming (it's set to 100% - the problem scales with the zoom setting, btw)
Browser-specific CSS (no browser specific rules are applied to the elements in question)
Stray font-size setting code in the markup (I've been through and eliminated this)
Voodoo (okay I haven't ruled this out - as my frustration increases I'm starting to think it might be this though)
The page displays as expected in Firefox. This is not a live site yet so unfortunately I can't point you at the URL.
Has anyone come across something similar and, if so, what was it?
Many thanks,
G
Without showing us or replicating it at least, asking is pretty much near useless but I suspect it's probably just a tag that wasn't closed on an element with an above average font size.
I'd recommend validating the HTML. If it's good, then it's hard to say without looking at the code/page.