Member Avatar for mangel.murti

hi all
i am new in web design . i saw some site when i open them in different resolution they display with no horizontal bar.

i also want to make these kind of web pages for my site.i am using dw-8 . and working only with tables.
how to set tables for my webpages .

from rohit

  • 5 Contributors
  • 4 Replies
  • 120 Views
  • 5 Days Discussion Span
  • Latest Post Latest Post by MelechM

Dani AI

Generated

This thread is on the right track: the visual problem comes from layout choices rather than the browser alone. started with table-based pages in Dreamweaver 8, and responders (, , , ) pointed toward CSS and sizing strategies. The fastest way to stop horizontal scrollbars across resolutions is to move layout out of tables and use responsive CSS techniques that constrain content without forcing a single fixed viewport.

Tables should be reserved for tabular data. They make responsive behavior hard and cause accessibility and maintenance problems. Use semantic wrappers (header, nav, main, aside, footer) and a modern layout method such as Flexbox for row/column flows or CSS Grid for two-dimensional layouts. Include the viewport meta so mobile browsers scale correctly:

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

Practical rules that prevent overflow: make a centered container with a sensible maximum, let inner elements size relative to that container, and make media (images/videos) scale down:

* { box-sizing: border-box; }

.container {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 16px;
}

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

A simple flexible grid:

.row { display:flex; flex-wrap:wrap; }
.col { flex: 1 1 240px; min-width: 200px; }
@media (max-width:600px) { .col { flex-basis:100%; } }

Troubleshooting tips: use browser devtools to find the element wider than the viewport (temporarily outline elements to reveal offenders). Look for fixed-width assets, absolute-positioned blocks, long unbroken strings, or missing box-sizing that cause padding to add extra width. Avoid hiding overflow as a fix; fix the element that causes the overflow instead. Because DW8 tends to generate table-heavy HTML, consider hand-editing or using a modern editor and learning Flexbox/Grid for maintainable, scrollbar-free pages.

Recommended Answers

All 4 Replies

Member Avatar for cpeeyush1

hi rohit
it's and effect of css
if you assing a particular width to your hole body then it will display always in same resolution so no horizontal bar will come

but the use of container tag is much better then assing a width to body
for ex:-
in css

body
{
width:800px;
height:600px;
}
Member Avatar for Shanti C

yes...
do more on css.you will get pretty website ..
reach google...

Member Avatar for sreein1986

no... no...
don't give height and width in pixel why because that table didn't take same height and width in all browsers and all comps ..

give height and width in percentage

Member Avatar for MelechM

Percent would take the percent of the users screen...if you want it set to a certain width and hight and not change pixels is the way to go. Unless you do want the website to fit the screen then sreenin1986's approach is the way to do it. ex:
If you want your website to be 1024 pixels across, thats 100% for a person running a 1024 x (height of screen) type resolution. However it's like 80% or something for someone like me running a 1440 width resolution...so if you want it fixed go pixels, if you want the site to take up he screen go percents. or you can set a max width with pixels then use percents for the stuff inside that max width. say max width is 1024, and you want a column that is 512 pixels, use 50%. makes life easier.

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.