This is Interesting: Free Magazines for Graphics designers and webmasters
Home > Archive > Front Page > February 2006 > Re: Glue footer to bottom of viewport on short divs & scroll long
You are viewing an archived Text-only version of the thread.
To view this thread in it's original format and/or if you want to reply to
this thread please [click here]
| Author |
Re: Glue footer to bottom of viewport on short divs & scroll long
|
|
| Cimbian 2006-02-26, 6:14 am |
| Trevor,
Thanks for highlighting the bit I forgot to mention... ;-)
Yes the proble in that we cannot see the bottom of the text, in this case:
<b>Geof Gibson, Recurve archer</b>
It is strange, for sure and I know an answer exists, I just can't work it out.
Maybe I should stick to archery ;-)
BTW: I know that it is busted in Netscape due to the box-model problem and I
will fix this one when I get the time but this viewport problem is the one
that is vexing me right now.
"Trevor L." wrote:
> Cimbian wrote:
>
> It looks fine to me.
> (Although I can't see this text:
> <b>Geof Gibson, Recurve archer</b> )
>
> Perhaps, if this is the problem, it has to do with the positioning of the
> <div>s, in order:
> relative
> not specified
> relative
> absolute
>
> You may need someone like Murray to answer this one
>
> BTW,
> Your CSS intrigues me
>
> What do these do:
> voice-family: "\"}\"";
> voice-family: inherit;
>
> html>body #meta_wrapper { height: auto; }
>
> I haven't seen these before.
> I assume voice-family has to do with software that reads the text
> inherit is one I don't know about, as is html>body......
>
> But of course maybe I should also be reading all the good books :-))
> --
> Cheers,
> Trevor L.
> Website: http://tandcl.homemail.com.au
>
>
>
| |
| Stefan B Rusynko 2006-02-26, 6:14 am |
| Caused by your nested divs and the div/styles overlappling
- footer overlaps the the 2 above it
--
_____________________________________________
SBR @ ENJOY (-: [ Microsoft MVP - FrontPage ]
"Warning - Using the F1 Key will not break anything!" (-;
To find the best Newsgroup for FrontPage support see:
http://www.frontpagemvps.com/FrontP...53/Default.aspx
_____________________________________________
"Cimbian" <Cimbian@discussions.microsoft.com> wrote in message news:1768EF77-2845-466D-9A67-4FC29BDED6C7@microsoft.com...
| Trevor,
|
| Thanks for highlighting the bit I forgot to mention... ;-)
|
| Yes the proble in that we cannot see the bottom of the text, in this case:
| <b>Geof Gibson, Recurve archer</b>
|
| It is strange, for sure and I know an answer exists, I just can't work it out.
|
| Maybe I should stick to archery ;-)
|
| BTW: I know that it is busted in Netscape due to the box-model problem and I
| will fix this one when I get the time but this viewport problem is the one
| that is vexing me right now.
|
|
|
| "Trevor L." wrote:
|
| > Cimbian wrote:
| > > I have created a CSS site that has a footer spanning the bottom of the
| > > viewport and whilst I have managed to glue it ot the bottom I have
| > > another div that is behind it even though I think I have set-up the
| > > container properly.
| > >
| > > the troublesome page is
| > > http://www.cimbian.co.uk/BognorArchers/recurve.htm and you will see
| > > that the bottom of the text in the main pane is obscured.
| >
| > It looks fine to me.
| > (Although I can't see this text:
| > <b>Geof Gibson, Recurve archer</b> )
| >
| > Perhaps, if this is the problem, it has to do with the positioning of the
| > <div>s, in order:
| > relative
| > not specified
| > relative
| > absolute
| >
| > You may need someone like Murray to answer this one
| >
| > BTW,
| > Your CSS intrigues me
| >
| > What do these do:
| > voice-family: "\"}\"";
| > voice-family: inherit;
| >
| > html>body #meta_wrapper { height: auto; }
| >
| > I haven't seen these before.
| > I assume voice-family has to do with software that reads the text
| > inherit is one I don't know about, as is html>body......
| >
| > But of course maybe I should also be reading all the good books :-))
| > --
| > Cheers,
| > Trevor L.
| > Website: http://tandcl.homemail.com.au
| >
| >
| >
| |
| Cimbian 2006-02-26, 6:14 am |
| Stefan,
Thanks for replying.
I'm sorry but I don't understand what you are saying though as the only div
that is open when I open the footer div is the meta_wrapper.
I close the main_content_area div that has the clearfix class before I open
the footer div.
"Stefan B Rusynko" wrote:
> Caused by your nested divs and the div/styles overlappling
> - footer overlaps the the 2 above it
>
> --
>
> _____________________________________________
> SBR @ ENJOY (-: [ Microsoft MVP - FrontPage ]
> "Warning - Using the F1 Key will not break anything!" (-;
> To find the best Newsgroup for FrontPage support see:
> http://www.frontpagemvps.com/FrontP...53/Default.aspx
> _____________________________________________
>
>
> "Cimbian" <Cimbian@discussions.microsoft.com> wrote in message news:1768EF77-2845-466D-9A67-4FC29BDED6C7@microsoft.com...
> | Trevor,
> |
> | Thanks for highlighting the bit I forgot to mention... ;-)
> |
> | Yes the proble in that we cannot see the bottom of the text, in this case:
> | <b>Geof Gibson, Recurve archer</b>
> |
> | It is strange, for sure and I know an answer exists, I just can't work it out.
> |
> | Maybe I should stick to archery ;-)
> |
> | BTW: I know that it is busted in Netscape due to the box-model problem and I
> | will fix this one when I get the time but this viewport problem is the one
> | that is vexing me right now.
> |
> |
> |
> | "Trevor L." wrote:
> |
> | > Cimbian wrote:
> | > > I have created a CSS site that has a footer spanning the bottom of the
> | > > viewport and whilst I have managed to glue it ot the bottom I have
> | > > another div that is behind it even though I think I have set-up the
> | > > container properly.
> | > >
> | > > the troublesome page is
> | > > http://www.cimbian.co.uk/BognorArchers/recurve.htm and you will see
> | > > that the bottom of the text in the main pane is obscured.
> | >
> | > It looks fine to me.
> | > (Although I can't see this text:
> | > <b>Geof Gibson, Recurve archer</b> )
> | >
> | > Perhaps, if this is the problem, it has to do with the positioning of the
> | > <div>s, in order:
> | > relative
> | > not specified
> | > relative
> | > absolute
> | >
> | > You may need someone like Murray to answer this one
> | >
> | > BTW,
> | > Your CSS intrigues me
> | >
> | > What do these do:
> | > voice-family: "\"}\"";
> | > voice-family: inherit;
> | >
> | > html>body #meta_wrapper { height: auto; }
> | >
> | > I haven't seen these before.
> | > I assume voice-family has to do with software that reads the text
> | > inherit is one I don't know about, as is html>body......
> | >
> | > But of course maybe I should also be reading all the good books :-))
> | > --
> | > Cheers,
> | > Trevor L.
> | > Website: http://tandcl.homemail.com.au
> | >
> | >
> | >
>
>
>
| |
| Cimbian 2006-02-26, 6:16 pm |
| Now this is getting WEIRD!
I thought that I would upload the page with the HTML optimization switched
off so your helpful people could read the source and... Hey presto it now
works okay!
Weird!!
FP2003
"Stefan B Rusynko" wrote:
> Caused by your nested divs and the div/styles overlappling
> - footer overlaps the the 2 above it
>
> --
>
> _____________________________________________
> SBR @ ENJOY (-: [ Microsoft MVP - FrontPage ]
> "Warning - Using the F1 Key will not break anything!" (-;
> To find the best Newsgroup for FrontPage support see:
> http://www.frontpagemvps.com/FrontP...53/Default.aspx
> _____________________________________________
>
>
> "Cimbian" <Cimbian@discussions.microsoft.com> wrote in message news:1768EF77-2845-466D-9A67-4FC29BDED6C7@microsoft.com...
> | Trevor,
> |
> | Thanks for highlighting the bit I forgot to mention... ;-)
> |
> | Yes the proble in that we cannot see the bottom of the text, in this case:
> | <b>Geof Gibson, Recurve archer</b>
> |
> | It is strange, for sure and I know an answer exists, I just can't work it out.
> |
> | Maybe I should stick to archery ;-)
> |
> | BTW: I know that it is busted in Netscape due to the box-model problem and I
> | will fix this one when I get the time but this viewport problem is the one
> | that is vexing me right now.
> |
> |
> |
> | "Trevor L." wrote:
> |
> | > Cimbian wrote:
> | > > I have created a CSS site that has a footer spanning the bottom of the
> | > > viewport and whilst I have managed to glue it ot the bottom I have
> | > > another div that is behind it even though I think I have set-up the
> | > > container properly.
> | > >
> | > > the troublesome page is
> | > > http://www.cimbian.co.uk/BognorArchers/recurve.htm and you will see
> | > > that the bottom of the text in the main pane is obscured.
> | >
> | > It looks fine to me.
> | > (Although I can't see this text:
> | > <b>Geof Gibson, Recurve archer</b> )
> | >
> | > Perhaps, if this is the problem, it has to do with the positioning of the
> | > <div>s, in order:
> | > relative
> | > not specified
> | > relative
> | > absolute
> | >
> | > You may need someone like Murray to answer this one
> | >
> | > BTW,
> | > Your CSS intrigues me
> | >
> | > What do these do:
> | > voice-family: "\"}\"";
> | > voice-family: inherit;
> | >
> | > html>body #meta_wrapper { height: auto; }
> | >
> | > I haven't seen these before.
> | > I assume voice-family has to do with software that reads the text
> | > inherit is one I don't know about, as is html>body......
> | >
> | > But of course maybe I should also be reading all the good books :-))
> | > --
> | > Cheers,
> | > Trevor L.
> | > Website: http://tandcl.homemail.com.au
> | >
> | >
> | >
>
>
>
| |
| Stefan B Rusynko 2006-02-26, 6:16 pm |
| But your absolute positioning (in your style sheet) forces it over the other 2 divs (hiding BA_Main_Full_Width and
BA_small_picture_right)
- make it relative
--
_____________________________________________
SBR @ ENJOY (-: [ Microsoft MVP - FrontPage ]
"Warning - Using the F1 Key will not break anything!" (-;
To find the best Newsgroup for FrontPage support see:
http://www.frontpagemvps.com/FrontP...53/Default.aspx
_____________________________________________
"Cimbian" <Cimbian@discussions.microsoft.com> wrote in message news:A86FE8FA-4E6E-4011-A478-F02371E176F4@microsoft.com...
| Stefan,
|
| Thanks for replying.
|
| I'm sorry but I don't understand what you are saying though as the only div
| that is open when I open the footer div is the meta_wrapper.
|
| I close the main_content_area div that has the clearfix class before I open
| the footer div.
|
|
|
|
| "Stefan B Rusynko" wrote:
|
| > Caused by your nested divs and the div/styles overlappling
| > - footer overlaps the the 2 above it
| >
| > --
| >
| > _____________________________________________
| > SBR @ ENJOY (-: [ Microsoft MVP - FrontPage ]
| > "Warning - Using the F1 Key will not break anything!" (-;
| > To find the best Newsgroup for FrontPage support see:
| > http://www.frontpagemvps.com/FrontP...53/Default.aspx
| > _____________________________________________
| >
| >
| > "Cimbian" <Cimbian@discussions.microsoft.com> wrote in message news:1768EF77-2845-466D-9A67-4FC29BDED6C7@microsoft.com...
| > | Trevor,
| > |
| > | Thanks for highlighting the bit I forgot to mention... ;-)
| > |
| > | Yes the proble in that we cannot see the bottom of the text, in this case:
| > | <b>Geof Gibson, Recurve archer</b>
| > |
| > | It is strange, for sure and I know an answer exists, I just can't work it out.
| > |
| > | Maybe I should stick to archery ;-)
| > |
| > | BTW: I know that it is busted in Netscape due to the box-model problem and I
| > | will fix this one when I get the time but this viewport problem is the one
| > | that is vexing me right now.
| > |
| > |
| > |
| > | "Trevor L." wrote:
| > |
| > | > Cimbian wrote:
| > | > > I have created a CSS site that has a footer spanning the bottom of the
| > | > > viewport and whilst I have managed to glue it ot the bottom I have
| > | > > another div that is behind it even though I think I have set-up the
| > | > > container properly.
| > | > >
| > | > > the troublesome page is
| > | > > http://www.cimbian.co.uk/BognorArchers/recurve.htm and you will see
| > | > > that the bottom of the text in the main pane is obscured.
| > | >
| > | > It looks fine to me.
| > | > (Although I can't see this text:
| > | > <b>Geof Gibson, Recurve archer</b> )
| > | >
| > | > Perhaps, if this is the problem, it has to do with the positioning of the
| > | > <div>s, in order:
| > | > relative
| > | > not specified
| > | > relative
| > | > absolute
| > | >
| > | > You may need someone like Murray to answer this one
| > | >
| > | > BTW,
| > | > Your CSS intrigues me
| > | >
| > | > What do these do:
| > | > voice-family: "\"}\"";
| > | > voice-family: inherit;
| > | >
| > | > html>body #meta_wrapper { height: auto; }
| > | >
| > | > I haven't seen these before.
| > | > I assume voice-family has to do with software that reads the text
| > | > inherit is one I don't know about, as is html>body......
| > | >
| > | > But of course maybe I should also be reading all the good books :-))
| > | > --
| > | > Cheers,
| > | > Trevor L.
| > | > Website: http://tandcl.homemail.com.au
| > | >
| > | >
| > | >
| >
| >
| >
| |
| Stefan B Rusynko 2006-02-26, 6:16 pm |
| Doesn't work for me
- bottom still hidden
--
_____________________________________________
SBR @ ENJOY (-: [ Microsoft MVP - FrontPage ]
"Warning - Using the F1 Key will not break anything!" (-;
To find the best Newsgroup for FrontPage support see:
http://www.frontpagemvps.com/FrontP...53/Default.aspx
_____________________________________________
"Cimbian" <Cimbian@discussions.microsoft.com> wrote in message news:1D468466-A6F9-4D50-8865-565F7651E874@microsoft.com...
| Now this is getting WEIRD!
|
| I thought that I would upload the page with the HTML optimization switched
| off so your helpful people could read the source and... Hey presto it now
| works okay!
|
| Weird!!
|
| FP2003
|
| "Stefan B Rusynko" wrote:
|
| > Caused by your nested divs and the div/styles overlappling
| > - footer overlaps the the 2 above it
| >
| > --
| >
| > _____________________________________________
| > SBR @ ENJOY (-: [ Microsoft MVP - FrontPage ]
| > "Warning - Using the F1 Key will not break anything!" (-;
| > To find the best Newsgroup for FrontPage support see:
| > http://www.frontpagemvps.com/FrontP...53/Default.aspx
| > _____________________________________________
| >
| >
| > "Cimbian" <Cimbian@discussions.microsoft.com> wrote in message news:1768EF77-2845-466D-9A67-4FC29BDED6C7@microsoft.com...
| > | Trevor,
| > |
| > | Thanks for highlighting the bit I forgot to mention... ;-)
| > |
| > | Yes the proble in that we cannot see the bottom of the text, in this case:
| > | <b>Geof Gibson, Recurve archer</b>
| > |
| > | It is strange, for sure and I know an answer exists, I just can't work it out.
| > |
| > | Maybe I should stick to archery ;-)
| > |
| > | BTW: I know that it is busted in Netscape due to the box-model problem and I
| > | will fix this one when I get the time but this viewport problem is the one
| > | that is vexing me right now.
| > |
| > |
| > |
| > | "Trevor L." wrote:
| > |
| > | > Cimbian wrote:
| > | > > I have created a CSS site that has a footer spanning the bottom of the
| > | > > viewport and whilst I have managed to glue it ot the bottom I have
| > | > > another div that is behind it even though I think I have set-up the
| > | > > container properly.
| > | > >
| > | > > the troublesome page is
| > | > > http://www.cimbian.co.uk/BognorArchers/recurve.htm and you will see
| > | > > that the bottom of the text in the main pane is obscured.
| > | >
| > | > It looks fine to me.
| > | > (Although I can't see this text:
| > | > <b>Geof Gibson, Recurve archer</b> )
| > | >
| > | > Perhaps, if this is the problem, it has to do with the positioning of the
| > | > <div>s, in order:
| > | > relative
| > | > not specified
| > | > relative
| > | > absolute
| > | >
| > | > You may need someone like Murray to answer this one
| > | >
| > | > BTW,
| > | > Your CSS intrigues me
| > | >
| > | > What do these do:
| > | > voice-family: "\"}\"";
| > | > voice-family: inherit;
| > | >
| > | > html>body #meta_wrapper { height: auto; }
| > | >
| > | > I haven't seen these before.
| > | > I assume voice-family has to do with software that reads the text
| > | > inherit is one I don't know about, as is html>body......
| > | >
| > | > But of course maybe I should also be reading all the good books :-))
| > | > --
| > | > Cheers,
| > | > Trevor L.
| > | > Website: http://tandcl.homemail.com.au
| > | >
| > | >
| > | >
| >
| >
| >
| |
| Murray 2006-02-26, 6:16 pm |
| This is a very tough problem. I suggest you table it....
--
Murray
--------------
MVP FrontPage
"Stefan B Rusynko" <sbr_enjoy@hotmail.com> wrote in message
news:ObdMcbsOGHA.2036@TK2MSFTNGP14.phx.gbl...
> Doesn't work for me
> - bottom still hidden
>
> --
>
> _____________________________________________
> SBR @ ENJOY (-: [ Microsoft MVP - FrontPage ]
> "Warning - Using the F1 Key will not break anything!" (-;
> To find the best Newsgroup for FrontPage support see:
> http://www.frontpagemvps.com/FrontP...53/Default.aspx
> _____________________________________________
>
>
> "Cimbian" <Cimbian@discussions.microsoft.com> wrote in message
> news:1D468466-A6F9-4D50-8865-565F7651E874@microsoft.com...
> | Now this is getting WEIRD!
> |
> | I thought that I would upload the page with the HTML optimization
> switched
> | off so your helpful people could read the source and... Hey presto it
> now
> | works okay!
> |
> | Weird!!
> |
> | FP2003
> |
> | "Stefan B Rusynko" wrote:
> |
> | > Caused by your nested divs and the div/styles overlappling
> | > - footer overlaps the the 2 above it
> | >
> | > --
> | >
> | > _____________________________________________
> | > SBR @ ENJOY (-: [ Microsoft MVP - FrontPage ]
> | > "Warning - Using the F1 Key will not break anything!" (-;
> | > To find the best Newsgroup for FrontPage support see:
> | >
> http://www.frontpagemvps.com/FrontP...53/Default.aspx
> | > _____________________________________________
> | >
> | >
> | > "Cimbian" <Cimbian@discussions.microsoft.com> wrote in message
> news:1768EF77-2845-466D-9A67-4FC29BDED6C7@microsoft.com...
> | > | Trevor,
> | > |
> | > | Thanks for highlighting the bit I forgot to mention... ;-)
> | > |
> | > | Yes the proble in that we cannot see the bottom of the text, in this
> case:
> | > | <b>Geof Gibson, Recurve archer</b>
> | > |
> | > | It is strange, for sure and I know an answer exists, I just can't
> work it out.
> | > |
> | > | Maybe I should stick to archery ;-)
> | > |
> | > | BTW: I know that it is busted in Netscape due to the box-model
> problem and I
> | > | will fix this one when I get the time but this viewport problem is
> the one
> | > | that is vexing me right now.
> | > |
> | > |
> | > |
> | > | "Trevor L." wrote:
> | > |
> | > | > Cimbian wrote:
> | > | > > I have created a CSS site that has a footer spanning the bottom
> of the
> | > | > > viewport and whilst I have managed to glue it ot the bottom I
> have
> | > | > > another div that is behind it even though I think I have set-up
> the
> | > | > > container properly.
> | > | > >
> | > | > > the troublesome page is
> | > | > > http://www.cimbian.co.uk/BognorArchers/recurve.htm and you will
> see
> | > | > > that the bottom of the text in the main pane is obscured.
> | > | >
> | > | > It looks fine to me.
> | > | > (Although I can't see this text:
> | > | > <b>Geof Gibson, Recurve archer</b> )
> | > | >
> | > | > Perhaps, if this is the problem, it has to do with the positioning
> of the
> | > | > <div>s, in order:
> | > | > relative
> | > | > not specified
> | > | > relative
> | > | > absolute
> | > | >
> | > | > You may need someone like Murray to answer this one
> | > | >
> | > | > BTW,
> | > | > Your CSS intrigues me
> | > | >
> | > | > What do these do:
> | > | > voice-family: "\"}\"";
> | > | > voice-family: inherit;
> | > | >
> | > | > html>body #meta_wrapper { height: auto; }
> | > | >
> | > | > I haven't seen these before.
> | > | > I assume voice-family has to do with software that reads the text
> | > | > inherit is one I don't know about, as is html>body......
> | > | >
> | > | > But of course maybe I should also be reading all the good books
> :-))
> | > | > --
> | > | > Cheers,
> | > | > Trevor L.
> | > | > Website: http://tandcl.homemail.com.au
> | > | >
> | > | >
> | > | >
> | >
> | >
> | >
>
>
| |
| Trevor L. 2006-02-27, 3:15 am |
| Murray wrote:
> This is a very tough problem. I suggest you table it....
Cimbian,
I thought Murray would reply at some stage.
Murray,
I assume by "table it", you mean that Cimbian should place all the separate
parts, currently <div>s, in rows of a table?
But out of interest, is there anything wrong with the way the <div>s have
been put together, e.g. the relative and absolute positioning ?
I found it diificult to find any reason why it failed. But as you know, I am
still strugling with how to position <div>s :-))
--
Cheers,
Trevor L.
Website: http://tandcl.homemail.com.au
| |
| Murray 2006-02-27, 6:18 pm |
| That was a bit confusing.
What I meant was to put the attempt on the back burner. It's not an easy
thing to accomplish reliably. To do it, you would have to get involved with
100% height html and body tags, and negative margins, and <shudder> it's
just not worth the effort in my mind.
--
Murray
--------------
MVP FrontPage
"Trevor L." <Trevor L.@Canberra> wrote in message
news:eLKpV61OGHA.344@TK2MSFTNGP11.phx.gbl...
> Murray wrote:
>
> Cimbian,
> I thought Murray would reply at some stage.
>
> Murray,
> I assume by "table it", you mean that Cimbian should place all the
> separate parts, currently <div>s, in rows of a table?
> But out of interest, is there anything wrong with the way the <div>s have
> been put together, e.g. the relative and absolute positioning ?
> I found it diificult to find any reason why it failed. But as you know, I
> am still strugling with how to position <div>s :-))
>
> --
> Cheers,
> Trevor L.
> Website: http://tandcl.homemail.com.au
>
|
|
|
| | Copyright 2003 - 2008 forum4designers.com Software forum Computer Hardware reviews |
|