Previous Message
Next Message

Re: [css-d] Positioning Problems

Sent by Big John on 20 January 2003 04:04


Julian Voelcker wrote:
html:
> http://www.charityskills.org/sample1.html
> http://www.charityskills.org/sample2.html
css:
> http://www.charityskills.org/styles/standards.aspx
> http://www.charityskills.org/styles/defaultcss.aspx
> 
> sample1.html shows the Search box appearing just below the menu - how 
> can I get this to sit in the bottom left hand corner of the browser 
> window regardless of the page length?

That can be done in some browsers but not all. 'fixed' positioning,
and absolute positioning with 'bottom' come to mind, but both are
less than perfect in some browsers. I can offer hacks to do this
if you like, but don't expect too much.
 
> Sample2.html is exactly the same page, but with less content.  How can 
> I get the main white content area (contentnosponsors) to extend down to 
> the bottom of the menu on the left?

I recommend you do the reverse. Meaning, make the body BG 'white',
and get the top and side bars to be green. The side nav can be painted 
all the way down by use of a body BG image made as many pixels wide
as the nav, and positioned with 'repeat-y'. It will repeat right down
to the bottom, and since the nav is pixelized in width, it can never
stray from the body BG image. See this demo for a working model:

http://users.rraz.net/mc_on_the_rocks/testpage/thr.col.stretch.html

The top bar should be easy.
HTH
Big John



=====
^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-
|    Perennial student + Impractical joker + CSS junkie = Big John    |
| XXXX <http://users.rraz.net/mc_on_the_rocks/testpage/pie.html> XXXX |
| XXXXXXXXXXXXX <http://users.rraz.net/mc_on_the_rocks/> XXXXXXXXXXXX |
-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^

__________________________________________________
Do you Yahoo!?
Yahoo! Mail Plus - Powerful. Affordable. Sign up now.
http://mailplus.yahoo.com
Previous Message
Next Message

Message thread:

Possibly related: