1
Brad
Help: Extending Center to full Viewport
  • 2004/2/17 18:36

  • Brad

  • Not too shy to talk

  • Posts: 150

  • Since: 2003/12/4


I'm working on a new website (removed URL).

It's in the early stages of design and I've run into a problem that I haven't fully wrapped my head around.

If you visit the site, you'll notice that the light-colored center does not extend all the way down to the footer. I would like it to.

BTW: Never mind the reddish orange bars. I have them there just for my own reference.

Does anyone have any ideas?

[edit]
I should probably also note that the background color of the body is dark green so that the columns on either side extend to the bottom of the viewport.

If I make the background of the body grey, the center looks as it should but then my columns don't extend down on short content.
[/edit]

2
svaha
Re: Help: Extending Center to full Viewport
  • 2004/2/17 21:40

  • svaha

  • Just can't stay away

  • Posts: 896

  • Since: 2003/8/2 2


It's not 100% clear to me what exactly is your problem.
Do You want the background color to 'cover' the whole screen?
Maybe the background command is overruled by other commands in your css file.

3
Brad
Re: Help: Extending Center to full Viewport
  • 2004/2/18 3:17

  • Brad

  • Not too shy to talk

  • Posts: 150

  • Since: 2003/12/4


Resized Image

The center grey portion should extend from one orange bar to the other.

4
Bassman
Re: Help: Extending Center to full Viewport
  • 2004/2/18 3:20

  • Bassman

  • Friend of XOOPS

  • Posts: 1272

  • Since: 2003/5/23


I had a look.

In IE6, there is no gray- all green! (except the corners of the orange bars)

5
Bassman
Re: Help: Extending Center to full Viewport
  • 2004/2/18 3:20

  • Bassman

  • Friend of XOOPS

  • Posts: 1272

  • Since: 2003/5/23


I had a look.

In IE6, there is no gray- all green! (except the corners of the orange bars)

6
Brad
Re: Help: Extending Center to full Viewport
  • 2004/2/18 3:52

  • Brad

  • Not too shy to talk

  • Posts: 150

  • Since: 2003/12/4


G'ahead and have another look.

I forgot to make the center block visible to anonymous users. There needs to be some kind of content in the center or else IE chokes on it and you get what you saw, almost all green.

I just made a center block visible for the anony's so it won't crap out in IE.

7
svaha
Re: Help: Extending Center to full Viewport
  • 2004/2/19 0:01

  • svaha

  • Just can't stay away

  • Posts: 896

  • Since: 2003/8/2 2


Well, I see now what you mean. Could it be because you have no CenterLeft and CenterRight blocks?

8
Brad
Re: Help: Extending Center to full Viewport
  • 2004/2/19 2:46

  • Brad

  • Not too shy to talk

  • Posts: 150

  • Since: 2003/12/4


I strongly doubt it. The problem is that the grey only extends down as far as the content goes. Having a center left and/or center right block would suffer the same problem.

When I say "content", I mean the longest column; left, center, or right.

9
svaha
Re: Help: Extending Center to full Viewport
  • 2004/2/20 21:14

  • svaha

  • Just can't stay away

  • Posts: 896

  • Since: 2003/8/2 2


Ok then it will be the definition of body attributes.
Mine is simple :
Quote:
body
{
color: black;
background: #97B7AF;
font-family: Verdana,Arial;
margin: 0px;
}


I see that you have this one :
Quote:
<style type="text/css">
body
{
background-image: url('back.gif');
background-repeat: repeat-x;
height: 100%;
background-color: #183319;
}
</style>

Maybe something for a 'theme' guy/girl?

10
jmass
Re: Help: Extending Center to full Viewport
  • 2004/2/20 22:24

  • jmass

  • Friend of XOOPS

  • Posts: 524

  • Since: 2003/12/18


Could you turn table border to one so I can see the table layout?

JMass

Login

Who's Online

230 user(s) are online (140 user(s) are browsing Support Forums)


Members: 0


Guests: 230


more...

Donat-O-Meter

Stats
Goal: $100.00
Due Date: May 31
Gross Amount: $0.00
Net Balance: $0.00
Left to go: $100.00
Make donations with PayPal!

Latest GitHub Commits