Member Avatar for hwoarang69 
border:2px solid red;
    -moz-border-radius: 5px;

trying to make a boarder in css.
it works fine in google chrome but it doesnt work in firework any ideas??

also this dont work in firefox

background:-moz-linear-gradient( center top, #b1b7b6 56%, #CCC 100% );
Edited by hwoarang69
  • 3 Contributors
  • 3 Replies
  • 130 Views
  • 11 Hours Discussion Span
  • Latest Post Latest Post by GarryHillton

Dani AI

Generated

Quick diagnosis and practical steps based on the thread: saw a style working in Chrome but not in Firefox; correctly pointed out modern browsers prefer standard property names; and called out table-specific behavior. The fastest way to see what Firefox actually applied is the Page Inspector — open the element, check the Computed panel and look for the border properties and any crossed-out rules (Firefox Page Inspector).

Common causes and quick checks:

  • Rule being overridden or invalid: if a later rule wins or a parsing error earlier in the stylesheet stops parsing, Firefox may ignore your declaration.
  • No border-style or zero width: a border won’t render unless a style (solid, dashed, etc.) and a non-zero width are set.
  • Inline elements: spans and similar inline elements may not show the visual box you expect. Try making the element inline-block and add a bit of padding to reveal the border:
.example-inline {
  display: inline-block;
  padding: 0.25em;
}

If the border is still problematic (clipped by overflow or table layout differences), use a fallback that doesn’t rely on the border property, for visibility and debugging:

.fallback {
  box-shadow: 0 0 0 3px #c00;
  /* or use outline for a non-layout-affecting stroke */
}

Table notes and gradients: table borders behave differently across browsers depending on border-collapse and whether you apply borders to td/th or the table itself — apply the styles to cells or use border-collapse as needed (border-collapse docs). For gradients, prefer the modern unprefixed linear-gradient() (older -moz- syntax is obsolete); see MDN linear-gradient or use Autoprefixer to manage legacy prefixes automatically.

Recommended Answers

All 3 Replies

Member Avatar for niranga

Just use,

border:2px solid red;
border-radius: 5px;
Edited by niranga
Member Avatar for niranga

background:-moz-linear-gradient( center top, #b1b7b6 56%, #CCC 100% ); is working fine in my Firefox 13.0.1

Member Avatar for GarryHillton

IE and Safari support the border attribute directly on TABLE elements which used for external and internal borders. FireFox does not, but you can use standard CSS to fix it.

  TABLE {border: 1px solid #eee;}
  TABLE TD {border: 1px solid #eee;}

Regards,

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.