Member Avatar for webmaster45

My website: http://realnewschannel.com/ displays fine in Internet Explorer and Opera but distorted in Firefox. I would appreciate any suggestions.

  • 3 Contributors
  • 3 Replies
  • 206 Views
  • 6 Days Discussion Span
  • Latest Post Latest Post by OrderFlowers

Dani AI

Generated

Firefox rendering differences often come from one of a few repeatable problems rather than a mysterious browser bug. Given ’s note that the ads and the “Welcome To the Real New Channel” icon are displaced, the most likely causes are: missing/incorrect DOCTYPE (quirks vs standards mode), invalid or unclosed HTML, floated elements whose container collapses, or absolutely positioned children whose parent has no positioning context. ’s request for specifics and ’ W3C-compliance suggestion are both useful starting points.

Practical checklist (run in order):

  1. Confirm a standards DOCTYPE at the very top (e.g. <!DOCTYPE html>).

  2. Validate the HTML/CSS (fix unclosed tags and misplaced elements).

  3. If floats are used, ensure the float container is cleared — a reliable clearfix:

    .clearfix::after {
  content: "";
  display: table;
  clear: both;
}

    Apply .clearfix to the container that holds floated ads/icons.

  4. For absolutely positioned items, make the intended container the containing block:

    .container { position: relative; }
.icon { position: absolute; top: 10px; right: 10px; }

  5. Avoid relying on IE-only hacks/conditional CSS; they can mask bugs in other browsers. Consider adding a small CSS reset or normalize stylesheet to reduce cross-browser differences.

Debug workflow: open Firefox Inspector, view the computed box model and z-index for the misplaced elements, temporarily disable suspect rules, and strip the page to a minimal test case (container + offending elements). That minimal reproducible snippet will quickly reveal whether the problem is HTML structure, float handling, positioning, or a stacking context issue. If fixes above don’t help, post the stripped HTML/CSS so the exact layout problem can be inspected.

Recommended Answers

All 3 Replies

Member Avatar for skald89

can you list the things that go wrong and how they should look?

Member Avatar for webmaster45

can you list the things that go wrong and how they should look?

Sure The Ads and Title Icon "Welcome To the Real New Channel" is misplaced.

It should appear like this

Ad here
Ad here
Title Icon

Liberty bell and Quote

Member Avatar for OrderFlowers

I had a problem like that. I hired a guy to do w3 compliance and it all was fixed. Hope that helps!

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.