2 replies [Last post]
johnno123
Offline
newbie
Last seen: 14 years 1 week ago
Timezone: GMT+10
Joined: 2007-04-29
Posts: 2
Points: 0

I've uploaded an example of a problem I'm having with FF2 and Opera in
displaying images with borders. The bottom border doesn't align with the
bottom of the image. It works fine in IE7.

A page with an example of the problem is here:
http://www.felan.biz/firefoxmargin.php

As you can see I'm using a Strict 4.01 Doctype because I require that
Doctype for other content on my actual page to work properly.

Is anyone aware of a way to make this work in FF and Opera without resorting
to a Transitional Doctype?

Many thanks

--
John F
Studio8 XPproSP2

edit/ url corrected! please note forum posting guides.

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 6 years 17 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

It's the image that you need

It's the image that you need to address your display:block to, 'div' is already display:block; or you could set the image to vertical-align: bottom;

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

johnno123
Offline
newbie
Last seen: 14 years 1 week ago
Timezone: GMT+10
Joined: 2007-04-29
Posts: 2
Points: 0

Problem Solved

Many thanks Hugo.

Correction has been made and file has been removed from URL reference.

John F