|
Nicole -> My Page of Problems... (6/15/2006 6:40:06)
|
I’ve created a dummy page with all the problems I’m experiencing on it. Strangely, I haven’t been able to re-create all the problems even by cutting and pasting the exact code from the real problem pages into this test page, nonetheless I’ll mention them in case they happen to anyone else.
My Page Of Problems
Issue 1:
I usually design to allow a user to resize the text twice using their browser resizer. When increasing text size twice in this way using Internet Explorer 5.0, 5.5 and 6, the left side div (the menu and logos) drops to below the content. This is obviously unacceptable. I’m still seeing the menu drop to below the content in IE (all versions) when text is increased to largest using the browser text-resizer. It’s not happening using the largest text setting on the text-resizer on the page itself. This is happening despite two other people telling me that it’s not happening in IE for them. My fear is though, if it’s happening for me, then it will probably be happening to others. Can people try this please and respond as to whether it’s happening or not?
Issue 2:
Now this is strange. I had a lot of trouble initially telling all browsers how to style a link in the content. An example is the end of the first paragraph where there’s a link to the contact form. (this is one of the problems I’m having trouble re-creating although on the real page the words do not become underlined when hovered over in Firefox. In addition to this, on the advice of somebody, I’ve added the following styles to the top of my style sheet:
a:link, a:visited { color: #444; text-decoration: none; }
a:hover, a:focus { text-decoration: underline; }
Which has solved the problem overall, except in Firefox which just doesn’t want to underline the link and displays it in black instead of #444 which is the font color for the rest of the content. Also, since this piece of code has been added, all browsers except Internet Explorer want to underline the skip link destination (the page headings) when hovered over.
Issue 3:
In Netscape 8.0, when text-size is increased twice using the browsers text-resizer, the banner vanishes after scrolling down the page and back to the top. It also puts a huge white space under the disclaimer include at the bottom. The strange thing is that this only happens the first time you open the site having cleared the cache. In other words it’s not happening once the site has been viewed, or at least one other page has been viewed within the site and it’s also only happening when the text is resized twice.
Issue 4:
In Netscape and Mozilla, when text is resized twice using the browser settings, the top border of the disclaimer (the text in the box with the red border at the bottom of the page) disappears but only on two pages within a 30 or so page site. I’ve copied the code into this test page but again I can’t seem to re-create the problem here
Issue 5:
Overall problems with data table alignment in different browsers. The Mozilla browsers, which presumably display them correctly show them slightly indented from the rest of the content, Internet Explorer displays them too far left aligned and Opera shows them the same as FF/MZ/NN. The same problem exists with images that are “centered” amongst the text (i.e. not floating right), but Internet Explorer displays them as I intend them to be displayed. I’m sure these are “box model” issues, but as yet I’ve not found a solution. Some of these issues are a bit petty, but it’s strange nonetheless. I agree with others that sites needn’t appear “exactly” the same in all browsers but my concern is that if Firefox isn’t displaying them anything like I’m intending them to, then something is obviously wrong.
Nicole
|
|
|
|
