Previous Message
Next Message

Re: [css-d] Positioning Problems

Sent by Julian Voelcker on 24 January 2003 15:03


Hi John,

Sorry for the delay in getting back to you.

On Sun, 19 Jan 2003 20:10:55 -0800 (PST), Big John wrote:
> > 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.

OK, thanks for the offer.  I am looking in to rejigging the design at the 
moment, so this has become low priority - we are just going to leave it 
sitting where it is for the time being.

> > 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.

Unfortunately we need to be able to dynamically change the colours, so can't 
really use images, which is why I am considering trying a different route.

Do you have any other suggestions?

Cheers,

Julian Voelcker
Cirencester, United Kingdom
Previous Message
Next Message

Message thread:

Possibly related: