Browsing the archives for the CSS tag

Web Developement – unseen benefits of compliance

Wanna know why my personal web developer site is so high when searching for ‘cheshire web developer’ in Google, Bing, Yahoo, plus many more?
No.1 on yahoo.com when searching for the generic term ‘web developer’ and selecting results ‘from the web’.
Probably not, but here goes:
When I decided to rebuild my site, I considered SEO right from [...]

1 Comment Posted in SEO - Search Engine Optimisation, Web development
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 , , , , ,
CSS IE7 Hack

So, you have a CSS class which looks just wrong in Internet Explorer 7 (IE7). This is quite simple to rectify.
Suppose the top margin is just right in all browsers except IE7, where it is too small. No problem. Set the class in the normal way, as follows, but use the value which looks best [...]

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 , , , , , , , ,
Job Interview

On Thursday 27 Mar 2008, I had a job interview in Manchester, UK. It was the first one I have had for a long time, so, I was very apprehensive. Fortunately, I arrived early enough to have time to cruise around looking for a suitable parking space.

Anyway, I parked up and entered the 18 storey [...]

No Comments Posted in Job hunting
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 , , , , , ,