XOOPS 
Forum
Forum Index General Forums Community Support Modules Support Themes Support Development International Support Module Hack Reviews Theme Designer Talk
  1. Board index / 
  2. XOOPS Themes and Templates Support forums / 
  3. Theme design questions 
  4.  / Layering question (autosizing?)
Register
1
Duke_Henry
Layering question (autosizing?)

  • 2004/8/2 15:09

  • Duke_Henry

  • Just popping in

  • Posts: 37

  • Since: 2004/7/30


Hello all,
I have with my theme again (love holidays, happy Civic Holiday to all in Canada) and will pose a question: What is the best way to use layers so that they can "autosize"?

Basically, I have both of my left and right columns as DIVS, but unfortunately my content window (center block basically) will actually stretch too far right and reside underneath my right column.

With tables it was easy, but I am trying to figure out the ideal way to accomplish without messy tables...

Anyone know a good place to check out to get an answer to this?

For a "picture" of what I am talking about, you can go to my site:

http://www.alterboyz.com

(Yes I know the log in box needs to be styled, am working on it. The site is no where near production...)
2
tjnemez
Re: Layering question (autosizing?)

  • 2004/8/2 16:51

  • tjnemez

  • Home away from home

  • Posts: 1594

  • Since: 2003/9/21


link is not working, blank page.
3
Duke_Henry
Re: Layering question (autosizing?)

  • 2004/8/2 22:03

  • Duke_Henry

  • Just popping in

  • Posts: 37

  • Since: 2004/7/30


??

Seems to be working
4
Bassman
Re: Layering question (autosizing?)

  • 2004/8/2 22:45

  • Bassman

  • Friend of XOOPS

  • Posts: 1272

  • Since: 2003/5/23


No, you get a white page in IE6, but it works in Netscape 7.
5
Duke_Henry
Re: Layering question (autosizing?)

  • 2004/8/2 23:28

  • Duke_Henry

  • Just popping in

  • Posts: 37

  • Since: 2004/7/30


You are correct, sorry I haven't been using IE lately to check the site as I work on it.

I don't really have any inclination at the moment to figure out why it won't work in IE.

However, in NN or Firefox or even Opera it seems to be working and illustrates the problem.

However, here is a resized screen shot of what I am talking about.

Resized Image
6
synistar
Re: Layering question (autosizing?)

  • 2004/8/5 1:09

  • synistar

  • Just popping in

  • Posts: 18

  • Since: 2004/7/19


The issue is a little complex. You can use a couple of absolutely positioned side columns with a relatively positioned center column - like so:
Quote:

#leftcol {
position: absolute;
left:0px;
top:0px;
}
#centercol {
position: relative;
margin-top: 0px;
margin-bottom: 0;
margin-right:190px;
margin-left: 190px;
}
#rightcol {
position: absolute;
right:0px;
top:0px;
width:190px;
margin: 0px;
}


But there are a lot of factors to deal with if you want it to work consistently in a lot of browsers. I would suggest taking one of the pre-prepared layouts from here:
css-discuss wiki layouts page

Here are the layouts that I would recommend:

Good match for Xoops:
Saila Layout

One of the better methods IMHO:
P.I.E. 3Col Stretch

Cool background image trick layout:
Faux Columns

A Good float layout:
3Col equal height

The classic float based layout:
Pixy 3-Col

Good Luck.
7
Duke_Henry
Re: Layering question (autosizing?)

Fantastic!

That information is definately useful. I did not know about the min-width CSS attribute.

This changes a lot!

Thanks again

Login

Register now!  |  Lost Password?

Search

Advanced Search

Recent Posts

Who's Online

210 user(s) are online (135 user(s) are browsing Support Forums)

Members: 0

Guests: 210

more...

Donat-O-Meter

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

Latest GitHub Commits