Revamp and problems with CSS

Get some feedback on your site or ad from other rental owners and techies. Also a library of online resources so you can make DIY improvements to your web presence.
User avatar
Goosey
Posts: 74
Joined: Thu Jun 21, 2007 1:03 pm
Location: Pyrénées Atlantique
Contact:

Revamp and problems with CSS

Post by Goosey »

Hello all. I've just finished my first attempt at a site using style sheets and xhtml, but I've got a couple of problems. I tailored the site to be seen in Firefox and Safari, which it seems to work fine with. Only when I asked other people (with different browsers) to look at it have they found a few problems. There may be others than the ones I mention, so have a nosey if you get the time!

Mainly the 'availability' page doesn't seem to work for some people and I can't fathom out why. Also the 'Photos' page some people have a problem with. Maybe some of you experts out there have an idea why?

Many thanks in advance

http://www.holidaysouthwestfrance.com
Adam Apple
Posts: 85
Joined: Thu Feb 21, 2008 10:09 am
Location: Oxfordshire, UK

Post by Adam Apple »

Apparently, you cannot view some .png images in Internet Explorer 6 (see http://support.microsoft.com/kb/822071). Try saving them as a .jpg or .gif file and see if that works.
User avatar
Goosey
Posts: 74
Joined: Thu Jun 21, 2007 1:03 pm
Location: Pyrénées Atlantique
Contact:

Post by Goosey »

Yes, of course, thanks for that. I'd forgotten I'd saved those as pngs. I've changed them now, so hopefully they can be seen. :)
e-richard
Posts: 5008
Joined: Sun Oct 17, 2004 11:33 am
Location: Algarve, Portugal
Contact:

Post by e-richard »

Have you changed them ?

Still cannot see it in IE6. I think its a lot more than that....

... I'm also struggling with background images (jpgs) showing in IE6 when used in CSS. I haven't narrowed down my problem yet, so am watching this thread carefully, while hoping everyone in the world will soon move to FF or Chrome or Safari - all of which are fine.... :cry:
** Richard
PIMS: Holiday Rental Management system
They say we learn from our mistakes. That makes me a genius !
Adam Apple
Posts: 85
Joined: Thu Feb 21, 2008 10:09 am
Location: Oxfordshire, UK

Post by Adam Apple »

I think you have set both the height and width to 1 on the html. That's a little bit small! And on the photos page you have set the width to '280' but have not set the height. Sorry I didn't notice all this the first time.
User avatar
Goosey
Posts: 74
Joined: Thu Jun 21, 2007 1:03 pm
Location: Pyrénées Atlantique
Contact:

Post by Goosey »

Hi Solsearch. Yes Firefox seems to handle images with just the one measurement specified, IE can't (quel surprise!). I will go over all the dimensions and make sure they're all there and see if that works. Thanks again.
User avatar
Cassis
Posts: 1080
Joined: Fri Jan 20, 2006 10:44 am
Location: Normandy/Pays de Loire border
Contact:

Post by Cassis »

IE8 can handle images with only one dimension attribute specified. With luck they'll sort out other "funnies" eventually! :lol:
Real name Phil
Moved to France in 2004
Likes ducks, nature, gardening, furniture restoration, DIY, rugby, blah, blah.
User avatar
Cassis
Posts: 1080
Joined: Fri Jan 20, 2006 10:44 am
Location: Normandy/Pays de Loire border
Contact:

Post by Cassis »

If you want to clean up your XHTML code you could try this tool:

http://validator.w3.org/check?verbose=1 ... nce.com%2F

There's an option to automatically clean it using HTML Tidy.

There's a similar tool for checking CSS.

NB A lot of the errors are non-essential i.e. not critical to how the page appears.

It's a tool beloved of anal retentives and WWW compliant zealots.
Real name Phil
Moved to France in 2004
Likes ducks, nature, gardening, furniture restoration, DIY, rugby, blah, blah.
User avatar
Goosey
Posts: 74
Joined: Thu Jun 21, 2007 1:03 pm
Location: Pyrénées Atlantique
Contact:

Post by Goosey »

Yes, I don't really give a monkeys if it looks crap 'behind the scenes' as it were as long as it works and looks good on everyone's browser!
e-richard
Posts: 5008
Joined: Sun Oct 17, 2004 11:33 am
Location: Algarve, Portugal
Contact:

Post by e-richard »

Cassis wrote:It's a tool beloved of anal retentives and WWW compliant zealots.
As one who codes HTML and CSS by hand, I have found these tools invaluable in finding my "bugs".

Browsers are amazingly tolerant of errors and will try to second guess what you meant to code. The trouble is they each guess differently, so using these tools to find serious errors has been invaluable.

Yup, I can't be a**ed to clean up all the little imperfections, so one need not be anal, but don't underestimate the value.
** Richard
PIMS: Holiday Rental Management system
They say we learn from our mistakes. That makes me a genius !
User avatar
Cassis
Posts: 1080
Joined: Fri Jan 20, 2006 10:44 am
Location: Normandy/Pays de Loire border
Contact:

Post by Cassis »

Obviously, my "anal" and "zealot" comment was was tongue in cheek*. Do you think I'd know about those things and put them forward if I didn't use them? :lol: :lol: :lol:

















* Not that cheek.
Real name Phil
Moved to France in 2004
Likes ducks, nature, gardening, furniture restoration, DIY, rugby, blah, blah.
Adam Apple
Posts: 85
Joined: Thu Feb 21, 2008 10:09 am
Location: Oxfordshire, UK

Post by Adam Apple »

Looking much better now. The only problem is, on several pages the photos and text on the right-hand side get shoved down to the bottom. I am viewing on a 1024x768 screen by the way.
User avatar
Goosey
Posts: 74
Joined: Thu Jun 21, 2007 1:03 pm
Location: Pyrénées Atlantique
Contact:

Post by Goosey »

Hi again Solsearch. What browser are you using now?
User avatar
Cassis
Posts: 1080
Joined: Fri Jan 20, 2006 10:44 am
Location: Normandy/Pays de Loire border
Contact:

Post by Cassis »

Solsearch, you might be interested in this add-on for Firefox:

http://chrispederick.com/work/web-developer/

Lots of interesting stuff for website developers.
Real name Phil
Moved to France in 2004
Likes ducks, nature, gardening, furniture restoration, DIY, rugby, blah, blah.
User avatar
kevsboredagain
Posts: 3207
Joined: Sat Jan 20, 2007 9:32 am
Location: France
Contact:

Post by kevsboredagain »

Yes, I don't really give a monkeys if it looks crap 'behind the scenes' as it were as long as it works and looks good on everyone's browser!
Whymakeyourlifesodifficultandmakeithardertofindyourerrors?

IE6 thinks the components are too wide so places the right section underneath. Just by adding 20 pixels to the wrapping DIV it allowed it to fit. You need to add up all your sizes and leave some room to play with. Exactly why this is happening just for IE6 I don't know as I'm new to CSS myself.
Post Reply