Member Avatar for xboxrant

I have created a skin for my recently created website. It looks fine in IE but again does not in firefox. table seemed to be extended beyond were they should be on the front page. I have no idea what it could be or were to find it. here is a link to the front page.
I would appreciate any advice.

  • 2 Contributors
  • 4 Replies
  • 69 Views
  • 12 Hours Discussion Span
  • Latest Post Latest Post by xboxrant

Dani AI

Generated

Nice start, — and good tip from about validation. A few focused checks will usually find why a table that looks fine in IE overflows in Firefox: common causes are a missing/incorrect DOCTYPE (quirks mode), a cell containing very long unbroken content (long URLs, unscaled images), or CSS rules (percent widths + padding or different box-sizing behavior) that Firefox honours strictly.

Practical steps:

  • Open Firefox Developer Tools and inspect the table element; look at the Computed tab to see which node has the larger width and which CSS rule sets it.
  • Temporarily disable suspected rules in the inspector to isolate the culprit.
  • Look inside cells for long strings or images; those often force columns wider. Use max-width:100% on images or add soft breaks/wbr tags for long text.
  • If HTML is malformed, fix it (validators help); unclosed tags can change layout.

A safe CSS starting point you can try (test and tweak, since it affects layout):

table { table-layout: fixed; width: 100%; }
td, th { overflow-wrap: break-word; }
img { max-width: 100%; height: auto; }

Note: table-layout: fixed changes how columns are sized, so check results across browsers. For quick debugging tips and CSS references, see Firefox Developer Tools and the MDN entry for table-layout and overflow-wrap for details and browser behavior.

Recommended Answers

All 4 Replies

Member Avatar for peter_budo

Link doesn't work

Member Avatar for xboxrant

sorry about that. its

Member Avatar for peter_budo

You have plenty of errors in your coding. I would recommend you to go and use w3c.org validation services of CSS Validation and HTML Validation. Also when you design page try to test it in Firefox rather then IE (Microsoft like to disobey or rather do what they believe is better than listen to recommendations of w3c.org)

PS: Nice layout and design

Member Avatar for xboxrant

Thanks for the compliment. alot of hard work. I'll try the validators

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.