Browsing the archives for the stylesheet tag

XSL problem with Mozilla Firefox

If you are having problems with your XSL styles not being applied in Mozilla Firefox and Safari, try changing this line above the <head> of the XSL file:
<html>
to look like this:
<html xmlns=”http://www.w3.org/1999/xhtml”>

No Comments Posted in Web development, XML
Tagged , , , , , ,
Fieldset and Mozilla Firefox – CSS

As you may know, <fieldset> creates a box with rounded corners, which looks really nice – in IE!
We can make it look almost as nice in Firefox very easily. Just add the following to your stylesheet:
/* This is to give rounded corners to fieldset in Firefox */
fieldset {
-moz-border-radius: 8px;
border-radius: 8px;
}

No Comments Posted in Web development
Tagged , , , , ,
Internet Explorer and CSS Box Model

Had a conversation with a Web Team Leader a while back and he asked me what I knew about the difference between how IE interprets the CSS box model and how Firefox inteprets it. I had to embarrassingly admit my ignorance in this area. So I decided to find out about it.
The issue arises because [...]

No Comments Posted in Web development
Tagged , , , , , , , ,
Browser specific CSS

So you want to have a different stylesheet for different browsers. Well, what I have used in the past, is a method of specifying a different stylesheet for Internet Explorer browsers.

You would need to specify the link to your CSS in the <head> section as normal:

<link rel=”stylesheet” type=”text/css” href=”css/style.css” title=”Main Stylesheet” />

This stylesheet, of [...]

No Comments Posted in Web development
Tagged , , , ,
Cross Browser Compatibility with CSS

Morning people,

Have you ever had problems where your CSS looks great in one browser, but not the way you want it in the other?

So you change it and all looks great in the second browser, but rubbish in the first! Arrghh! If I had hair, I’d be pulling it out.

This is a common [...]

No Comments Posted in Web development
Tagged , , , , , ,