3 replies [Last post]
justin
Offline
newbie
Last seen: 15 years 32 weeks ago
Joined: 2004-03-07
Posts: 2
Points: 0

hello
why
img.funny{
float: right;
margin-left: 12px;
margin-bottom: 6px;
margin-top: .5em;
border-color: #ccc;
border-width: 1px;
border-style: solid;
padding: 5px;
}

gives a funny border around images in mozilla and not in IE? how can I get
the same effect on IE? thanks

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 1 day 23 hours ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5342
Points: 2963

img on Firebird and IE

Hi justin,
Is the page in standards mode?
Without standards mode IE renders the image without the padding other then that I don't see any difference.

justin
Offline
newbie
Last seen: 15 years 32 weeks ago
Joined: 2004-03-07
Posts: 2
Points: 0

img on Firebird and IE

Hi Tony. If with Standards Mode you mean that I should add
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/strict.dtd">
I think I'm out of luck, because I cannot put it in the very start of my doc since it is template generated and the blog host puts its own header!
you can see what I mean on my blog, http://giustointempo.splinder.it.
any further help is greately appreciated...

thanks a lot.
J.

Tony wrote:
Hi justin,
Is the page in standards mode?
Without standards mode IE renders the image without the padding other then that I don't see any difference.

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 1 day 23 hours ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5342
Points: 2963

img on Firebird and IE

Hi justin
Another option would be to put a div around the image and apply the border to it and put 5px margin on the image.

Hope that helps