Member Avatar for bantex07

Nid COde or Idea THx

  • 4 Contributors
  • 3 Replies
  • 83 Views
  • 3 Days Discussion Span
  • Latest Post Latest Post by xuqi

Dani AI

Generated

The answers so far point in the right direction: alignment is a layout/CSS concern rather than a browser mystery. and correctly steered the focus to styling and positioning, and asked for clarification — that conversation is useful. For a solution that holds up across resolutions and browsers, prefer scalable, flow-based rules and a short testing workflow over one-off tweaks.

Start with correct page basics (doctype and mobile viewport). Build containers that scale (relative units plus sensible maximum widths) and let content reflow naturally. Use modern layout systems (Flexbox or Grid) for predictable alignment and easier breakpoint handling. Make images and media responsive to their containers and normalize browser defaults so defaults do not shift layout between engines. When older browsers must be supported, use feature detection and graceful fallbacks rather than brittle, browser-specific hacks.

When alignment breaks, use developer tools to inspect computed sizes and highlight elements that are removed from normal flow or that overflow their containers. Isolate the offending rule by toggling styles, validate the HTML/CSS, and simplify the layout until it behaves predictably. For practical guidance and examples, see MDN on responsive layout and use a cross-browser/device testing service to confirm fixes across real environments (Responsive design on MDN, BrowserStack).

Recommended Answers

All 3 Replies

Member Avatar for Matthew N.

What do you mean by that?
More info please...

Member Avatar for lps

About how to maintain size in different resolution, why don't you try to give a fix width to the body using css. The alignment will also be available to different browser if you style your page nicely with css. There will be some problem with the IE browser but there are plenty of guide can walk you through the problem using css hack if you search online.

Member Avatar for xuqi

try position:relative in all places. Never use position:fixed.

Thanks

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.