You can achieve this without javascript using the techniques described
at the following url:
http://www.alistapart.com/articles/conflictingabsolutepositions
While it does involve the use of css expressions for IE6, this is an
effective approach if you want to do it without javascript. There is a
demo at the end of the article that shows the techniques in action.
On Dec 5, 5:40 am, nmiddleweek <[EMAIL PROTECTED]> wrote:
> Excellent, thanks for your help!! :)
>
> I was wondering if could do it without JavaScript and I've been
> reading up about position:fixed and it's problems with IE as well as
> position:absolute and scrolling so think a sprinkle of JavaScript to
> keep things in place will do the trick.
>
> Thanks again!
>
> N
>
> On Dec 5, 7:55 am, insomniux <[EMAIL PROTECTED]> wrote:
>
> > Hi nmiddleweek,
> > I've solved this problem (for a DIV which should (nearly) fill the
> > window) by setting the height on the fly by a small piece of
> > javascript:
>
> > function setDataSectionHeight(){
> > var pageHeight=window.innerHeight; // most browsers ex
> > IE
> > if (pageHeight==undefined)
> > {pageHeight=document.body.clientHeight;} // workaround for IE
> >
> > document.getElementById('dataFrame').style.height=pageHeight*.8;
> > }
>
> > You have to change the last line in order to get to the correct height
> > (being pageHeight - '55 px'). And you have to give your tablerow/cel
> > (or add DIV in the cell) the id 'dataFrame' (or anything you think
> > appropriate)
>
> > I run this function in <BODY onLoad='setDataSectionHeight()'>
>
> > Hope this helps
> > Insomniux
>
> > On 4 dec, 23:36, nmiddleweek <[EMAIL PROTECTED]> wrote:
>
> > > Hello guys,
>
> > > I can't for the life of me think how I would get this to work...
>
> > > I'm after a 1 column/3rowlayout with the top 1strowfixed to the
> > > top with height of let's say 15px;
>
> > > The bottomrowis to be anchored to the bottom of the page with height
> > > of about 40px;
>
> > > the middlerowshould fill the rest of the page.
>
> > > I'm so lost I've started to think about using tables, but even then
> > > I'm actually not quite sure what to do :)
>
> > > Thanks in advanced for anyone's help...
>
> > > N
--~--~---------~--~----~------------~-------~--~----~
--
You received this because you are subscribed to the "Design the Web with CSS"
at Google groups.
To post: [email protected]
To unsubscribe: [EMAIL PROTECTED]
-~----------~----~----~----~------~----~------~--~---
