/    Sign up×
Community /Pin to ProfileBookmark

Table border to fill entire length of page??

Hello,

Could someone please answer a question for me? I have a site where I’d like the edges of my table to reach to the bottom of the page. I tried doing this to the CSS and it seems to work on some pages but not the others. Like for example:

[url]http://www.hotelshelley.com/reserve.html[/url] (works here)

[url]http://www.hotelshelley.com/aboutus.html[/url] (not here)

I’d ideally like to accomplish it without having to keep using returns because that creates alot of ugly white space…..and maybe one day I’ll use CSS instead of a table but for now it’s okay and I don’t have the patience.

This is my CSS:
[B]
body {
background-image: url(../images/content/bg.jpg);
background-repeat: repeat-x;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-color: #FFFFFF;
}[/B]

Thanks for any help!!!

Allie

to post a comment
CSS

9 Comments(s)

Copy linkTweet thisAlerts:
@turborakettiFeb 27.2008 — You may have to stretch the body element to the full height of the html element.
[CODE]body { height: 100%; }[/CODE]
Copy linkTweet thisAlerts:
@ray326Feb 27.2008 — The overall layout shouldn't be a table anyway. Since it has fixed width content the best layout would be based on faux columns. One small, repeated background image and, poof, problem solved.
Copy linkTweet thisAlerts:
@grimmylinaauthorFeb 27.2008 — That didn't work well for me....and if someone stretches it then you can see the background color.
Copy linkTweet thisAlerts:
@ray326Feb 28.2008 — That didn't work well for me....and if someone stretches it then you can see the background color.[/QUOTE]Then you're doing it wrong. The background image should be so wide (2000px?) that can never happen.
Copy linkTweet thisAlerts:
@grimmylinaauthorFeb 28.2008 — Yeah, I was probably doing it wrong. But I think I kind of solved it. I put the table within a #content:

http://www.hotelshelley.com/index.html

What do you think?
Copy linkTweet thisAlerts:
@ray326Feb 29.2008 — Looks like you've got layout problems at the bottoms of the pages that wouldn't be there if you did faux columns.
Copy linkTweet thisAlerts:
@grimmylinaauthorFeb 29.2008 — Oh no really, what does it look like? I just couldn't get the gist of how to do the background. It's a little too confusing.
Copy linkTweet thisAlerts:
@ray326Feb 29.2008 — Maybe you hadn't reworked them all at the time I looked because now they all seem ok.
Copy linkTweet thisAlerts:
@grimmylinaauthorFeb 29.2008 — Yeah, not the greatest design but it will do for now. Thank you!!!
×

Success!

Help @grimmylina 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 5.20,
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: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

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

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...