Member Avatar for watkinsd

Hello all,

I'm new to this forum and need some help using Dreamweaver to created webpages that work well with most monitor sizes. Below is the website address that I've been working on. On my Dell notebook it looks fine. On my new 19" monitor it does not look good. What can I do to solve this problem?

Thanks for helping.

dave

  • 4 Contributors
  • 4 Replies
  • 109 Views
  • 2 Years Discussion Span
  • Latest Post Latest Post by peter_budo

Dani AI

Generated

Short, practical fix summary based on the thread: correctly pointed out the 1024x768 baseline; sites built to a fixed pixel width for that viewport will look odd on larger screens. also spotted an absolutely positioned image — those often escape the page flow and "float" when the container size changes. Even though noted the thread age, the following modern, low-risk fixes still apply.

Use a fluid outer container with a sensible max width, responsive images, and avoid absolute positioning for layout. Example CSS patterns to add or adapt:

* { box-sizing: border-box; }

.wrapper {
  width: 95%;
  max-width: 1100px;
  margin: 0 auto;
}

img { max-width: 100%; height: auto; display: block; }

Prefer Flexbox or Grid instead of absolute positioning for columns and side content. For small screens, collapse or reorder elements with a simple media query:

@media (max-width: 720px) {
  .sidebar { display: none; }
  .main { width: 100%; }
}

Quick troubleshooting checklist:

  • In DevTools, resize the viewport and inspect the offending element to see which parent it belongs to.
  • If an image is absolutely positioned, ensure its closest positioned ancestor is the intended container (set position: relative), or remove absolute layout and use flex/grid.
  • Replace fixed pixel widths on containers with %, max-width, and min-width as needed.
  • Add <meta name="viewport" content="width=device-width, initial-scale=1"> for modern devices.

For a concise reference on responsive patterns and media queries, see MDN's responsive design guide: Responsive design - MDN.

Recommended Answers

All 4 Replies

Member Avatar for FC Jamison

What resolution is your monitor set to?

It appears to be looking normally in 1024 x 768.

Member Avatar for watkinsd

What resolution is your monitor set to?

It appears to be looking normally in 1024 x 768.

--------------

You provided the answer. I am a dummy. :sad: Thanks for solving the problem.

dave

Member Avatar for adriian1

Hey there buddy!
your site's layout is ok
but i noticed that the picture that is in the middle-right part
is positioned absolutley and it floats around with the layout as you change sizes, the problem could be that its outside the main container
check it out and contact me if you have anymore problems

Member Avatar for peter_budo

Hey there buddy!
your site's layout is ok
but i noticed that the picture that is in the middle-right part
is positioned absolutley and it floats around with the layout as you change sizes, the problem could be that its outside the main container
check it out and contact me if you have anymore problems

Hmmm, you just bumped nearly 3 years old post...
Issue have been either solved or abandoned.

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.