Web Hosting, Design, & Coding forum

General discussion

Help with formatting problem Firefox/IE

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):

Here's an image in IE (note format of bar under time and above main photo compared to how it should look in FF):

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
You are posting a reply to: Help with formatting problem Firefox/IE
The posting of advertisements, profanity, or personal attacks is prohibited. Please refer to our CNET Forums policies for details. All submitted content is subject to our Terms of Use.
Track this discussion and email me when there are updates

If you're asking for technical help, please be sure to include all your system info, including operating system, model number, and any other specifics related to the problem. Also please exercise your best judgment when posting in the forums--revealing personal information such as your e-mail address, telephone number, and address is not recommended.

You are reporting the following post: Help with formatting problem Firefox/IE
This post has been flagged and will be reviewed by our staff. Thank you for helping us maintain CNET's great community.
Sorry, there was a problem flagging this post. Please try again now or at a later time.
If you believe this post is offensive or violates the CNET Forums' Usage policies, you can report it below (this will not automatically remove the post). Once reported, our moderators will be notified and the post will be reviewed.
Collapse -
You're right - it's not a lot to go on!!!

In reply to: Help with formatting problem Firefox/IE

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!!!

In reply to: You're right - it's not a lot to go on!!!

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

In reply to: RE: You're right - it's not a lot to go on!!!

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

Glad you fixed it so.

Popular Forums

Computer Newbies 10,686 discussions
Computer Help 54,365 discussions
Laptops 21,181 discussions
Networking & Wireless 16,313 discussions
Phones 17,137 discussions
Security 31,287 discussions
TVs & Home Theaters 22,101 discussions
Windows 7 8,164 discussions
Windows 10 2,657 discussions


Sublime suburban chariot

High on style and technology, the 2019 Volvo XC90 is an incredibly satisfying everyday crossover.