Solved

Table, 100% Width, flush with both margins:

Posted on 2000-03-08
5
164 Views
Last Modified: 2010-04-09
I want a table to go across the top of the browser window, to take up the entire thing.

I already have
<BODY topmargin="0" leftmargin="0" marginheight="0" marginwidth="0">
 and
<table width="100%" border="0" cellspacing="0" cellpadding="0">
(the table has a background image that I want to extend to the sides of the browser.)
The trouble is, 100% doesn't do the trick, it needs to be 101 or 102, but  then there's a risk of  horizontal scrollbar- at 100, it there's a largeish visible gap at the right side

If I can't get this, I might use a background image for the whole page, but that's a last resort
0
Comment
Question by:kisrael
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
  • 2
5 Comments
 
LVL 2

Accepted Solution

by:
mblase earned 50 total points
ID: 2596664
Netscape always assumes there's a scrollbar on the right side, and leaves room for it. I don't think you can get around this, at least not reliably. (Some creative JS code could do the job, by measuring the inside dimensions of the browser window, but the width of the scrollbar would vary from system to system.)

Do you *know* that the page will never require a vertical scrollbar? If so, then I can look up the JS solution for you. If not, I'd let it go with the largeish visible gap for the few cases when it occurs.
0
 

Expert Comment

by:morbiusx
ID: 2598965
insted of using %'s try to use pixels.
0
 

Author Comment

by:kisrael
ID: 2599134
Well, the idea is they want it stretched fully accross with no gaps, but they don't control how wide the screen is.
0
 

Expert Comment

by:morbiusx
ID: 2600024
the best you will get it to fit is set margins at 0 make the table with no border, then strech either 100% or how ever many pixels
0
 

Author Comment

by:kisrael
ID: 2601607
Ehh, javascript might get a little futzy. I think we might experiment with the background image idea, or just live with it. Thanks.
0

Featured Post

[Webinar] Learn How Hackers Steal Your Credentials

Do You Know How Hackers Steal Your Credentials? Join us and Skyport Systems to learn how hackers steal your credentials and why Active Directory must be secure to stop them. Thursday, July 13, 2017 10:00 A.M. PDT

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Have you tried to learn about Unicode, UTF-8, and multibyte text encoding and all the articles are just too "academic" or too technical? This article aims to make the whole topic easy for just about anyone to understand.
The article shows the basic steps of integrating an HTML theme template into an ASP.NET MVC project
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

707 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question