Member Avatar for seo-support.net

Hi All,
I am using DreamWeaver 7. My Screen resolultion is set to 1024x768. I want to design the webpage for 1024x768. What dimension in terms of pixel units, should i take in the ruler setting in the Dreamweaver?
Thanks in advance.

  • 8 Contributors
  • 10 Replies
  • 185 Views
  • 1 Month Discussion Span
  • Latest Post Latest Post by MidiMagic

Dani AI

Generated

Replies in this thread hit the familiar tradeoffs: match a fixed screen size or let the layout adapt. asked about designing for a 1024×768 canvas; proposed pixel-based sizing, warned about horizontal scrolling from browser chrome, and recommended a wrapper DIV. Those points are useful, but the more robust approach is to design for content and readability, not for one exact screen dimension.

A practical, future-proof pattern is a centered content container capped by a readable measure (line length matters more than raw pixels). Using a character-based limit keeps text usable across fonts, zoom levels and devices. Example CSS that enforces a comfortable measure and prevents padding from expanding the box:

.container {
  max-width: 60ch;
  margin: 0 auto;
  padding: 0 1rem;
  box-sizing: border-box;
}

/* make images scale with their container */
img {
  max-width: 100%;
  height: auto;
  display: block;
}

Make the layout responsive with percent-based components, flexbox/grid for columns, and media queries at sensible breakpoints. Include a viewport meta tag for mobile. Avoid relying on layout-height attributes; use CSS min-height for minimum vertical space.

Quick troubleshooting checklist: preview in actual browsers (DreamWeaver’s ruler is only an approximation); resize the window and test zoom; inspect computed sizes so padding/borders don’t cause overflow; watch images and long words for unexpected breaking; and don’t hide horizontal overflow as a band‑aid. If you must start with a pixel canvas in DW7, choose a content width slightly narrower than the full viewport to allow for scrollbars and chrome, then adopt the CSS pattern above so the site scales cleanly.

Recommended Answers

All 10 Replies

Member Avatar for sreein1986

give your table width="1024" height="760"
it's take in pixels then solve but post your thread in HTML & CSS sections

Member Avatar for HI2Japan

I would strongly recommend against making a fixed width table of 1024. For starters, even with 1024 x 768 res, people will have to scroll to the right because of the width of the vertical scroll bar. Furthermore, if someone has a resolution of only 800 x 600, they will have to scroll far to the right to see your whole page.

Member Avatar for seo-support.net

Thanks Sree and Hi2Japan for solution provided. It worked fine.

Member Avatar for mexabet

The height attribute of the TABLE tag is not supported by Firefox 1.0

give your table width="1024" height="760"
it's take in pixels then solve but post your thread in HTML & CSS sections

Member Avatar for sreein1986

that time give height and width 100%

when you give height or width =100% its take the width and height depends on browser window check it ..

Member Avatar for MidiMagic

Actually, height and width are taken from the container of the tag specified. The body tag takes its width from the browser window width. The height of the body tag depends on which browser is used. IE uses the window height if the page fits, and the length of the rendered page if it doesn't. FF always uses the length of the rendered page.

Member Avatar for rexibit

If you want to develop your site for someone on a "1024px" width, then specify in CSS that the wrapper DIV will have that width. The same would be said for the height.

Member Avatar for hiacclaimdir2

I always design my websites based on 800X600. I make it a little smaller to factor in the scroll bar. This seems to appeal to most of my viewers.

Member Avatar for jel3

I like using 900px for my sites width.

Member Avatar for MidiMagic

I change the size of my browser window to see how the page behaves at different resolutions.

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.