473,320 Members | 1,922 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,320 software developers and data experts.

Cross-Browser Element Bottom Position

I have no perfect cross-browser solution to position html element on
the bottom of the page.
I know that with Firefox I do it as:
position:fixed; bottom:0px;
However, IE does not understand that. Did anyone come across this
issue to share with me?
Thanks you

May 4 '07 #1
5 8907
vu******@gmail.com wrote:
I have no perfect cross-browser solution to position html element on
the bottom of the page.
I know that with Firefox I do it as:
position:fixed; bottom:0px;
However, IE does not understand that. Did anyone come across this
issue to share with me?
Yeah, Internet Explorer does not support that particular CSS declaration.

I imagine you could position the element taking into consideration its
height (and width if necessary), and the canvas height.

If the canvas is 600px tall, and your element is 100px tall, then
placement at 500px down (top: 500px;) would place it at the bottom.

http://jibbering.com/faq/#FAQ4_9

--
-Lost
Remove the extra words to reply by e-mail. Don't e-mail me. I am
kidding. No I am not.
May 4 '07 #2
On May 4, 10:08 am, -Lost <maventheextrawo...@techie.comwrote:
vunet...@gmail.com wrote:
I have no perfect cross-browser solution to position html element on
the bottom of the page.
I know that with Firefox I do it as:
position:fixed; bottom:0px;
However, IE does not understand that. Did anyone come across this
issue to share with me?

Yeah, Internet Explorer does not support that particular CSS declaration.

I imagine you could position the element taking into consideration its
height (and width if necessary), and the canvas height.

If the canvas is 600px tall, and your element is 100px tall, then
placement at 500px down (top: 500px;) would place it at the bottom.

http://jibbering.com/faq/#FAQ4_9

--
-Lost
Remove the extra words to reply by e-mail. Don't e-mail me. I am
kidding. No I am not.
yes, that could be a way to handle.
a great way to handle top positioning in IE is to use this in CSS:
top:expression(this.offsetParent.scrollTop)
position:absolute;
i wish i could have something easy as that for bottom positioning

May 4 '07 #3
On May 4, 8:34 am, vunet...@gmail.com wrote:
yes, that could be a way to handle.
a great way to handle top positioning in IE is to use this in CSS:
top:expression(this.offsetParent.scrollTop)
position:absolute;
i wish i could have something easy as that for bottom positioning
position:absolite;
top:expression(document.body.offsetHeight-this.offsetHeight)

May 4 '07 #4
On May 4, 2:26 pm, "scripts.contact" <scripts.cont...@gmail.com>
wrote:
On May 4, 8:34 am, vunet...@gmail.com wrote:
yes, that could be a way to handle.
a great way to handle top positioning in IE is to use this in CSS:
top:expression(this.offsetParent.scrollTop)
position:absolute;
i wish i could have something easy as that for bottom positioning

position:absolite;
top:expression(document.body.offsetHeight-this.offsetHeight)
does not work in my IE7.

but here is what I found for mozilla-based browsers:
body div#myDiv{
/* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb
4.5+, iCab, ICEbrowser */
position: fixed;
}

May 4 '07 #5
On May 4, 4:07 pm, vunet...@gmail.com wrote:
On May 4, 2:26 pm, "scripts.contact" <scripts.cont...@gmail.com>
wrote:
On May 4, 8:34 am, vunet...@gmail.com wrote:
yes, that could be a way to handle.
a great way to handle top positioning in IE is to use this in CSS:
top:expression(this.offsetParent.scrollTop)
position:absolute;
i wish i could have something easy as that for bottom positioning
position:absolite;
top:expression(document.body.offsetHeight-this.offsetHeight)

does not work in my IE7.

but here is what I found for mozilla-based browsers:
body div#myDiv{
/* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb
4.5+, iCab, ICEbrowser */
position: fixed;

}
<style type="text/css">
#fixme {
/* Netscape 4, IE 4.x-5.0/Win and other lesser browsers will use
this */
position: absolute; right: 20px; bottom: 10px;
}
body div#fixme {
/* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb
4.5+, iCab, ICEbrowser */
position: fixed;
}
</style>
<!--[if gte IE 5.5]>
<![if lt IE 7]>
<style type="text/css">
div#fixme {
/* IE5.5+/Win - this is more specific than the IE 5.0 version */
right: auto; bottom: auto;
left: expression( ( -20 - fixme.offsetWidth +
( document.documentElement.clientWidth ?
document.documentElement.clientWidth : document.body.clientWidth ) +
( ignoreMe2 = document.documentElement.scrollLeft ?
document.documentElement.scrollLeft : document.body.scrollLeft ) ) +
'px' );
top: expression( ( -10 - fixme.offsetHeight +
( document.documentElement.clientHeight ?
document.documentElement.clientHeight : document.body.clientHeight ) +
( ignoreMe = document.documentElement.scrollTop ?
document.documentElement.scrollTop : document.body.scrollTop ) ) +
'px' );
}
</style>
<![endif]>
<![endif]-->

May 4 '07 #6

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

0
by: Web Science | last post by:
Site and Features: http://www.eigensearch.com Search engine, eigenMethod, eigenvector, mathematical, manifolds, science, technical, search tools, eigenmath, Jacobian, quantum, mechanics,...
3
by: rollasoc | last post by:
Hi, Doing a bit of system testing on a Windows 98 laptop. (.Net 1.1 app). Did a bit of testing. Loaded a previously saved file. A gray box appeared with the text and buttons all white...
0
by: Web Science | last post by:
Site and Features: http://www.eigensearch.com Search engine, eigenMethod, eigenvector, mathematical, manifolds, science, technical, search tools, eigenmath, Jacobian, quantum, mechanics,...
4
by: David Peach | last post by:
Hello, hope somebody here can help me... I have a query that lists defects recorded in a user defined date range. That query is then used as the source for a Cross Tab query that cross-tabs count...
23
by: Jeff Rodriguez | last post by:
Here's what I want do: Have a main daemon which starts up several threads in a Boss-Queue structure. From those threads, I want them all to sit and watch a queue. Once an entry goes into the...
0
by: Web Science | last post by:
Site and Features: http://www.eigensearch.com Search engine, eigenMethod, eigenvector, mathematical, manifolds, science, technical, search tools, eigenmath, Jacobian, quantum, mechanics,...
7
by: Scott M. | last post by:
How can I disable the cross-site scripting check for one particular page of a site?
8
by: Pieter | last post by:
Hi, I'm having some weird problem using the BackGroundWorker in an Outlook (2003) Add-In, with VB.NET 2005: I'm using the BackGroundWorker to get the info of some mailitems, and after each item...
1
by: Rob Woodworth | last post by:
Hi, I'm having serious problems getting my report to work. I need to generate a timesheet report which will contain info for one employee between certain dates (one week's worth of dates). I...
6
by: ampo | last post by:
Hello. Can anyone help with cross-domain problem? I have HTML page from server1 that send xmlHTTPRequest to server2. How can I do it? Thanks.
0
by: DolphinDB | last post by:
Tired of spending countless mintues downsampling your data? Look no further! In this article, you’ll learn how to efficiently downsample 6.48 billion high-frequency records to 61 million...
0
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
1
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
0
by: Vimpel783 | last post by:
Hello! Guys, I found this code on the Internet, but I need to modify it a little. It works well, the problem is this: Data is sent from only one cell, in this case B5, but it is necessary that data...
1
by: PapaRatzi | last post by:
Hello, I am teaching myself MS Access forms design and Visual Basic. I've created a table to capture a list of Top 30 singles and forms to capture new entries. The final step is a form (unbound)...
0
by: CloudSolutions | last post by:
Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...
0
by: Shællîpôpï 09 | last post by:
If u are using a keypad phone, how do u turn on JavaScript, to access features like WhatsApp, Facebook, Instagram....
0
by: af34tf | last post by:
Hi Guys, I have a domain whose name is BytesLimited.com, and I want to sell it. Does anyone know about platforms that allow me to list my domain in auction for free. Thank you
0
by: Faith0G | last post by:
I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.