Hey guys,
I have a page that I'm laying out with CSS positioning but I'm stuck at something.
i have a bottom part of the site with privacy/legal links copyright info etc.
how with CSS can I tell it to always be after the longest element on my page which will be my text.
this is how im defining my text tag to give you a better visual of what's happening
#text { position:absolute; visibility:show; left:190; top:117; z-index:1; width:580;}
so pretty much my question is what do i put here
#bottom { position:absolute; visibility:show; ???????????????? }
I realize that I could of course set its top a little down from where the text actually ends but I want the code to do it for me if you know what I mean so that I can use it for other pages too where the text part won't be as long
I really hope my question makes sense and would really appreciate your help
Thank you kindly in advanceOriginally posted by ivcho
i have a bottom part of the site with privacy/legal links copyright info etc.
how with CSS can I tell it to always be after the longest element on my page which will be my text.
this is how im defining my text tag to give you a better visual of what's happening
#text { position:absolute; visibility:show; left:190; top:117; z-index:1; width:580;}
You problem is that you are overusing position:absolute.
When you position absolute something it is "removed from the page flow". Thus you can't place something "after it" becuse it's "not there".
You will need to design you page so the man content remains in the flow and then you can easily have your legal info suff at the end.Instead of using absolute positioning, I guess you could use relative positioning to get it where you want it no matter what the user's resolution, or the length of your main text area.
so instead of {position:absolute .... etc..} just use {position:relative ... etc...}
I have a page that I'm laying out with CSS positioning but I'm stuck at something.
i have a bottom part of the site with privacy/legal links copyright info etc.
how with CSS can I tell it to always be after the longest element on my page which will be my text.
this is how im defining my text tag to give you a better visual of what's happening
#text { position:absolute; visibility:show; left:190; top:117; z-index:1; width:580;}
so pretty much my question is what do i put here
#bottom { position:absolute; visibility:show; ???????????????? }
I realize that I could of course set its top a little down from where the text actually ends but I want the code to do it for me if you know what I mean so that I can use it for other pages too where the text part won't be as long
I really hope my question makes sense and would really appreciate your help
Thank you kindly in advanceOriginally posted by ivcho
i have a bottom part of the site with privacy/legal links copyright info etc.
how with CSS can I tell it to always be after the longest element on my page which will be my text.
this is how im defining my text tag to give you a better visual of what's happening
#text { position:absolute; visibility:show; left:190; top:117; z-index:1; width:580;}
You problem is that you are overusing position:absolute.
When you position absolute something it is "removed from the page flow". Thus you can't place something "after it" becuse it's "not there".
You will need to design you page so the man content remains in the flow and then you can easily have your legal info suff at the end.Instead of using absolute positioning, I guess you could use relative positioning to get it where you want it no matter what the user's resolution, or the length of your main text area.
so instead of {position:absolute .... etc..} just use {position:relative ... etc...}