/    Sign up×
Community /Pin to ProfileBookmark

Need help making my page fill window

Copy linkTweet thisAlerts:
Jun 23.2004

Hey

Im building a site and on my client’s computer (widescreen) my page wont fill up his document window…there is a white bar underneath my design that i do not see nor get on my computer screen

[url]http://www.purestaffing.com[/url]

i autostretched the right side so that it expands horizontally, however i want my page to do the same at the bottom…

i have tried to build the sizes using percentages but that just made the pages slices out of whack on his monitor

can someone help me out?
thanks
justin

[email][email protected][/email]

to post a comment
Full-stack Developer

9 Comments(s) ↴

Copy linkTweet thisAlerts:
@ray326Jun 24.2004 — What you really ought to do is get rid of that slice and dice mess you've got. That said, you need to set your page background color to match the color of the bottom edge of the pseudo-background you've got.
Copy linkTweet thisAlerts:
@bidermanauthorJun 24.2004 — the b/g of the page is already set to a dark grey to match the pseudo bg...how else should it b done then and how would my prob get fixed

thx for help

justin
Copy linkTweet thisAlerts:
@ray326Jun 25.2004 — Then where is the white bar coming from? Try setting the background color on both the html and the body.
Copy linkTweet thisAlerts:
@bidermanauthorJun 26.2004 — the bar is the grey b/g colour

however...my main problem at this point is that the page does not expand to fit the iex window. i can get the right side to do it (autostretch) but not the bottom

thx for help

justin
Copy linkTweet thisAlerts:
@the_treeJun 26.2004 — Put the whole page in a <div> or a <p> or something and set the width to 100%

N.b. i reckon it looks better when it's a bit too small, 80-90% is good.

Sort out your code first: Is it worth me asking why 10 the cells on the first are filled with various sizes of an image 1 pixel big?
Copy linkTweet thisAlerts:
@bidermanauthorJun 26.2004 — thx--ill try that... i dont know what u mean by

-- "Is it worth me asking why 10 the cells on the first are filled with various sizes of an image 1 pixel big?"
Copy linkTweet thisAlerts:
@the_treeJun 26.2004 — You should know what I mean, it's your code after all.
[code=php]
<table width="955" border="0" align="center" cellpadding="0" cellspacing="0">
<!-- fwtable fwsrc="900 by 600.png" fwbase="index.jpg" fwstyle="Dreamweaver" fwdocid = "742308039" fwnested="0" -->

<tr>
<td><img src="images/spacer.gif" width="63" height="1" border="0" alt=""></td>
<td><img src="images/spacer.gif" width="313" height="1" border="0" alt=""></td>
<td><img src="images/spacer.gif" width="35" height="1" border="0" alt=""></td>
<td><img src="images/spacer.gif" width="26" height="1" border="0" alt=""></td>
<td><img src="images/spacer.gif" width="22" height="1" border="0" alt=""></td>
<td><img src="images/spacer.gif" width="57" height="1" border="0" alt=""></td>
<td><img src="images/spacer.gif" width="34" height="1" border="0" alt=""></td>
<td><img src="images/spacer.gif" width="369" height="1" border="0" alt=""></td>

<td><img src="images/spacer.gif" width="36" height="1" border="0" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="1" border="0" alt=""></td>
</tr>
[/code]

So urm... why is it there?
Copy linkTweet thisAlerts:
@bidermanauthorJun 26.2004 — i had to put a spacer in order for the autostretch function to work for the right side...the page that is up now isnt stretched-and wont b until i can figure out how to get the rest of the page to do the same, or at least fill up the window
Copy linkTweet thisAlerts:
@ray326Jun 26.2004 — Let me show you what the HTML for the content on your page [b]should[/b] be.
<i>
</i>&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd"&gt;
&lt;html&gt;
&lt;head&gt;
&lt;title&gt;Pure Staffing Solutions&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;a href="http://www.acsess.org/"&gt;
&lt;img alt="Assc. of Canadian..." src="images/acsess.gif" /&gt;&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="http://www.purestaffing.com/About.html"&gt;About Pure Staffing&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="http://www.purestaffing.com/ServicesProvided.html"&gt;Services Provided&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="http://www.purestaffing.com/CareerCentre.htm"&gt;Career Centre&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/body&gt;
&lt;/html&gt;

That's it. Everything else about how that page should [b]look[/b] should be (and [b]can[/b] be) done with CSS. A single background image, a single image for the list bullets and a single image for the ACSESS link.

When things are done in the simplest way possible it's a lot easier to solve the simple problems.
×

Success!

Help @biderman spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 6.18,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @nearjob,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,
)...