Some problems with IE and Mozilla

**e-XPLoDeR** · 02-17-2009, 02:50 AM

Hi,

Firstly, I'm not good at CSS. I've some problems with my web site's viewing on FF and IE. Screenshots are attached. For example, when you view it on Firefox, there is a border with padding on images. But on IE, this border doesn't seem. Again, on FF there is a space about 10px between article title and article abstract, but on IE, this is about 15 px.

I've tried many times, but can't fix this problem. You can see it live on http://www.isa-sari.com I'm a newbie on CSS. Can you help me please?

Thanks from now.

**Fang** · 02-18-2009, 04:35 AM

Give the image style border:0; and add a valid DTD:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

**e-XPLoDeR** · 02-18-2009, 05:26 AM

Thanks Fang, but I want to make a frame for image like seen on FF's screenshot. So I can't give the image style border:0. I've added DTD, but nothing has changed.

**Fang** · 02-18-2009, 06:34 AM

Just add the DTD and margin-top:10px; to .metin

**e-XPLoDeR** · 02-18-2009, 08:10 AM

I've added margin-top:10px; to .metin. It's ok now. But when I add DTD there is some other problems. I'll use it this way. Thanks anyway Fang.

**Fang** · 02-18-2009, 08:30 AM

You will be constantly changing the css to allow for IE when using quirks mode.
A valid DTD is better in the long run.

**e-XPLoDeR** · 02-18-2009, 10:33 AM

Valid DTD brings out some problems. It'll take a long time to fix these problems. I've not got free times at these days, but I'll solve it as you say. Thank you very much Fang.

Thread: Some problems with IE and Mozilla

Thread Tools

Display

Some problems with IE and Mozilla

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions