Re: [WSG] Problem positioning DIV bottom right always?

2004-11-30 Thread Dmitrty Kudriavtsev
Joey wrote:
Hi i am having problems with the positioning of the Privacy Policy 
div tag element *(id=privacy in CSS)* bottom right of the page. it 
sits positioned 7px right and 7px bottom if there is no scroller, but 
if you make the window  small so that you get a scroller, then use the 
scroller to scroll down the page, the privact policy *(id=privacy 
in CSS)* element doesnt move down the page. my aim is to get this 
element to always sit bottom right.

I didn't understand the problem quite well, Must privacy policy div be 
located in fixed position in the bottom right corner of a browser  
screen? If it is so, you won't do it without JavaScript and onresize and 
onscroll events, due to limitations of IE's CSS modell. Pure CSS 
solution is:

!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN
  http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd;
!--:mode=xml:--
html
head
titleTest/title
style type=text/css
   html, body {height:100%}
   body {background-color:#00F; margin:0; padding:0}
   #footer {position: absolute;background-color:#f00; bottom:0px; 
right:0px}
/style
/head
body
div id=footerTest/div
div
pVery long content goes here ... /p
/div
/body
/html

It works fine in Mozilla and Opera (i've checked it) and of cource it 
doesn't work in IE (IE doesn't support fixed position)

I hope you guys can help me out. Its a really irritating.
Page: http://www.blumedia.co.uk/developments/o2/q01.htm
CSS: http://www.blumedia.co.uk/developments/o2/styles/f_o2.css
Many thanks
---
Josef Dunne
Web Developer
*w: *http://www.burninthespotlight.com
Get Firefox!
http://www.spreadfirefox.com/?q=affiliatesid=10255t=82
---
THIS EMAIL MAY CONTAIN CONFIDENTIAL OR LEGALLY PRIVILEGED INFORMATION.
IF YOU ARE NOT THE NAMED ADDRESSEE YOU MUST NOT USE OR DISCLOSE SUCH
INFORMATION.
---

**
The discussion list for  http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list  getting help
**


Re: [WSG] Problem positioning DIV bottom right always?

2004-11-30 Thread Joey




Thanks for that reply,

Page: http://www.blumedia.co.uk/developments/o2/q01.htm

CSS: http://www.blumedia.co.uk/developments/o2/styles/f_o2.css

Yes "Privacy Policy" must always be
located bottom right of the page, even if there is alot of content on
the page which requires the user to scroll, i want the "Privacy Policy"
DIV to scroll with the user instead of not moving. 

I hope this makes sense.

Many thanks, and ill need it to work in IE too unfortunately :( (Stupid
IE)

Josef

Dmitrty Kudriavtsev wrote:
Joey
wrote:
  
  
  Hi i am having problems with the positioning
of the "Privacy Policy" div tag element *(id="privacy" in CSS)* bottom
right of the page. it sits positioned 7px right and 7px bottom if there
is no scroller, but if you make the window small so that you get a
scroller, then use the scroller to scroll down the page, the "privact
policy" *(id="privacy" in CSS)* element doesnt move down the page. my
aim is to get this element to always sit bottom right.


  
I didn't understand the problem quite well, Must privacy policy div be
located in fixed position in the bottom right corner of a browser
screen? If it is so, you won't do it without _javascript_ and onresize
and onscroll events, due to limitations of IE's CSS modell. Pure CSS
solution is:
  
  
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"
  
!--:mode=xml:--
  
html
  
head
  
titleTest/title
  
style type="text/css"
  
 html, body {height:100%}
  
 body {background-color:#00F; margin:0; padding:0}
  
 #footer {position: absolute;background-color:#f00; bottom:0px;
right:0px}
  
/style
  
/head
  
body
  
div id="footer"Test/div
  
div
  
pVery long content goes here ... /p
  
/div
  
/body
  
/html
  
  
It works fine in Mozilla and Opera (i've checked it) and of cource it
doesn't work in IE (IE doesn't support fixed position)
  
  
  I hope you guys can help me out. Its a really
irritating.


Page: http://www.blumedia.co.uk/developments/o2/q01.htm

CSS: http://www.blumedia.co.uk/developments/o2/styles/f_o2.css


Many thanks


---


Josef Dunne

Web Developer


*w: *http://www.burninthespotlight.com


Get Firefox!

http://www.spreadfirefox.com/?q=affiliatesid=10255t=82

---

THIS EMAIL MAY CONTAIN CONFIDENTIAL OR LEGALLY PRIVILEGED INFORMATION.

IF YOU ARE NOT THE NAMED ADDRESSEE YOU MUST NOT USE OR DISCLOSE SUCH

INFORMATION.

---

  
  
  
**
  
The discussion list for http://webstandardsgroup.org/
  
  
See http://webstandardsgroup.org/mail/guidelines.cfm
  
for some hints on posting to the list  getting help
  
**
  
  
  


-- 
---

Josef
Dunne 
Web Developer

w: http://www.burninthespotlight.com

Get
Firefox!

---
THIS EMAIL MAY CONTAIN CONFIDENTIAL OR LEGALLY PRIVILEGED INFORMATION.
IF YOU ARE NOT THE NAMED ADDRESSEE YOU MUST NOT USE OR DISCLOSE SUCH
INFORMATION.
---