December 2nd, 2003
After wasting too much time scouring the internet for a way of positioning things accurately in Firebird/Mozilla and IE using only CSS, I've given in and gone for using two separate CSS files, with the following lines of JavaScript to direct the browser to the appropriate file:
var browser;
if (navigator.appName.indexOf('Netscape') != -1) {
document.write('<'+'link rel="stylesheet"
href="css/FirebirdCompatible.css" />');
}
else {
document.write('<'+'link rel="stylesheet"
href="css/IEcompatible.css" />');
}
OK, so I've given in. But at least now I can get on and finish off the page, which has been languishing, three-quarters-done, for about a week now. ITauthor.com will then, finally, have a proper home page.
Read the rest of this entry »
Potentially similar posts
December 2nd, 2003
In my (seemingly never-ending) quest to find a way of spacing objects on a web page consistently in IE and Mozilla, using CSS, I came across an excellent web magazine called A List Apart.
Its “About” page contains the following description:
“For people who make websites”
A List Apart Magazine explores the design, development, and meaning of web content, with a special focus on techniques and benefits of designing with web standards.
However, although it contains lots of good stuff, this didn't offer an end to my quest. I'm gradually, but reluctantly, slipping towards the Javascript detect and two stylesheets solution.
Potentially similar posts
December 1st, 2003
I just found the following on a student website:
For the CSS padding attribute, IE 6 and Opera 5 pad the bottom of text starting from the baseline. Mozilla 1.2.1 starts padding from the lowest point in the text (for instance, the bottom of a y). This affects the display of the title bar on every page, as Mozilla displays more space at the bottom (with respect to the baseline) than at the top. I haven't researched which implementation is correct, but I chose to have the page render correctly with Mozilla. A (self-discovered) hack in use is to set the height of the box to be less than the text size. I am not sure why this works, but with it IE renders well and Opera doesn't look that bad.
I'll give this a try.
Potentially similar posts
December 1st, 2003
I'd forgotten how irritating browser variations can be. I spent some time over the weekend trying to add the finishing touches to my home page. I'm designing it for Mozilla/Firebird and IE6. I don't have the time, nor the inclination, to check it on any other browsers or versions. The problem I'm having is a small but annoying one. IE6 and Firebird display padding differently. When I get the div padding just right in IE, there's no extra space in Firebird. If I get it just right in Firebird, there's far too much spacing in IE.
I really want to avoid having to do JavaScript to detect the browser and use a different CSS file accordingly, but I have yet to find an alternative. But after all this time – all these years of browsers behaving differently – you think at least Mozilla and Microsoft could agree to do things the same way!
Potentially similar posts
November 28th, 2003
Cary (one of the Support guys I work with) just told me about a useful Google hack.
In the Google input box enter:
link:<URL>
You get a list of all the pages that Google knows about that contain links to the URL you entered.
I just tried link:www.bbc.co.uk and got 339,000 hits. link:www.itauthor.com gets none (yet!)
Potentially similar posts
