Thank you for being a valued part of the CNET community. As of December 1, 2020, the forums are in read-only format. In early 2021, CNET Forums will no longer be available. We are grateful for the participation and advice you have provided to one another over the years.

Thanks,

CNET Support

General discussion

Help with formatting problem Firefox/IE

Jul 10, 2008 3:31AM PDT

Hi, I'm using a modified theme on a new site I'm building and there's something that's bugging me rotten.

Before I spend hours trying to solve it, I wondered if someone could lessen my pain?

Here's an image in Firefox (as it should be):
http://zombiemetgirl.com/zmgformat/zmginfirefox.php

Here's an image in IE (note format of bar under time and above main photo compared to how it should look in FF):
http://zombiemetgirl.com/zmgformat/zmginiexplorer.php

I know that's not a lot to go on, but before I go deeper, if someone had a idea off the top of their head of the likely problem tags, would be good!
I'd be quite happy to leave it alone as it looks good in FF, but I'm a bit of a pedant and hate to think of those with IE not seeing it as it should be!

I'm wondering if it's something to do with this type of thing:

div style="width:40%;height:1px;

Could it be that IE doesn't accept the height for some reason and has some kind of default (or am I on the wrong track entirely?).

Excuse my ignorance, Cheers.

Discussion is locked

- Collapse -
You're right - it's not a lot to go on!!!
Jul 13, 2008 12:49AM PDT

I only notice that the IE image shows the picture a bit wider and more content on the bottom - since both images cut stuff off at the bottom, I'm going to assume that that is NOT what you're talking about. (or are you - you are mentioning height....)

As to the width thing - it looks perfectly fine in IE - nothing out of place, nothing off (or did i miss something?) and nobody would know that you actually meant for it to be a bit more narrow.

But without seeing the code, it's really just a guessing game.

(Do you have a * { margin: 0; padding: 0;} in your CSS - that often fixes things)

- Collapse -
RE: You're right - it's not a lot to go on!!!
Jul 13, 2008 1:09AM PDT

Hi Andrea, thanks for the reply!

The image wasn't the problem, you can see in the IE link that there was a thick grey bar below the date/time and above/below the main image, compared to the FF image?

I solved it tho',

I just needed to add a 'font-size:1px' to make it look the same in IE.

i.e. div style="font-size:1px;width:40%;height:1px;background-color:#666666;padding:0px;margin:0px;"

- Collapse -
Now that you point it out, I see it
Jul 13, 2008 8:29AM PDT

but it didn't register before - and even now, it doesn't look like it shouldn't be there.

Glad you fixed it so.