Member Avatar for chuckpa

I use Frontpage 2000 (and often additional HTML coding for some effects).

What options/coding/scripts,etc. can I use to have the width of the webpage always (mostly?) fit into the browser window of the user? I don't want to have to scroll right to see the whole page.

All related suggestions are welcomed ;)

  • 5 Contributors
  • 4 Replies
  • 177 Views
  • 2 Years Discussion Span
  • Latest Post Latest Post by MidiMagic

Dani AI

Generated

Short expert summary and modern checklist (FrontPage 2000 context)

FrontPage 2000 is long out of date and commonly produces table-heavy, fixed-size markup that makes pages hard to scale fluidly; the product was discontinued and replaced by newer tools. (en.wikipedia.org). Thread contributions from and highlight the table/layout angle, and and raise the same practical constraint: elements must be able to resize.

Core modern approach (what works reliably)

  • Treat responsiveness as layout + assets + viewport: use a responsive layout model (flexbox/grid or percentage-based tracks), make images and media scale, and declare a mobile viewport so media queries behave predictably. (developer.mozilla.org)

Quick, copy‑ready examples (apply after exporting/cleaning FrontPage markup)

<meta name="viewport" content="width=device-width, initial-scale=1">

/* container that prevents horizontal overflow but stays fluid */
.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 12px;
  box-sizing: border-box;
}

/* responsive images */
img { max-width: 100%; height: auto; }

/* simple flexible row */
.row { display: flex; flex-wrap: wrap; gap: 12px; }
.col { flex: 1 1 220px; }

Key troubleshooting steps specific to FrontPage-era sites

  • Publish to a local folder and inspect the generated HTML; search for inline width attributes, absolute positioning, and <table> structures that force fixed widths. Replace those with semantic blocks and the CSS patterns above.
  • Use browser DevTools (Elements/Styles) to find the single element causing horizontal scroll: look for width: Npx or table width attributes and remove or convert them.
  • Keep accessibility in mind: do not disable user zoom in the viewport tag. For image performance on varied screens, prefer modern srcset/sizes where appropriate. (mdn2.netlify.app)

Context note: migrating away from FrontPage-generated markup—either by hand-editing exported pages or rebuilding with a modern editor—will save time and produce a stable, responsive result. (en.wikipedia.org)

Recommended Answers

All 4 Replies

Member Avatar for DaveSW

if you are using a table then set the width to 100% and make sure none of the objects inside have large dimensions specified.
If you were using CSS you probably wouldn't be asking that question!

Member Avatar for dexterz

Don't rely much on Frontpage specially if you just started learning HTML. Learn HTML first, use notepad to code and when you become quite familiar with HTML, then use frontpage. Set the table width to 100%.

Member Avatar for SVTCobraLTD

Is there any way to auto adjust a web site without using tables? I already have the page made up the way I would like but would like it to auto adjust. I am using front page 03.

Member Avatar for MidiMagic

In order to get it to auto-adjust to browser window size, all of the elements of the page must be able to change size.

Alternately, you can force the browser to use a horizontal scrollbar if stuff doesn't fit.

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.