Position:Fixed

pbd22

hi.

i am messing around with CSS2.1 and position:fixed. I can't
seem to get a "loading" span to move a little further left onto
the page. It seems stuck on the upper right and kind of
half way off the page. Can somebody advise me as to how
to apply the appropriate padding (when i change the "em"
values it seems to have no effect). Thank you.

#loading {
position: fixed;
_position:absolute; /*IE Hack*/
top: 1em; right: 1em; width: 10em;
margin: 0;
background: #FADF71;
border:solid 1px red;
}

May 22 '07 #1

Follow Post Reply

3088

dorayme

In article
<11**********************@u30g2000hsc.googlegroups .com>,
pbd22 <du*****@gmail.comwrote:

hi.

i am messing around with CSS2.1 and position:fixed. I can't
seem to get a "loading" span to move a little further left onto
the page. It seems stuck on the upper right and kind of
half way off the page. Can somebody advise me as to how
to apply the appropriate padding (when i change the "em"
values it seems to have no effect). Thank you.

#loading {
position: fixed;
_position:absolute; /*IE Hack*/
top: 1em; right: 1em; width: 10em;
margin: 0;
background: #FADF71;
border:solid 1px red;
}

This:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html;
charset=iso-8859-1">
<meta http-equiv="content-language" content="en-us">

<title>With Css</title>

<style type="text/css">
#loading {
position: fixed;
top: 1em; right: 1em; width: 10em;
margin: 0;
background: #FADF71;
border:solid 1px red;
}
</style>

</head>

<body>

<div id="loading">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Pellentesque augue.Suspendisse consectetuer velit nec neque. Duis
nec orci quis nulla egestas fermentum.Ut quis eros. Aenean at
augue vitae quam posuere vehicula. Pellentesque habitantmorbi
tristique senectus et netus et malesuada fames ac turpis egestas.
Maecenas justonunc, porta sed, molestie eget, adipiscing id,
ante. Cum sociis natoque penatibus etmagnis dis parturient
montes, nascetur ridiculus mus. Suspendisse potenti. Nunc
blanditmagna id odio sodales luctus. Nulla quam magna, viverra
quis, dignissim blandit, viverra nec, odio.
</div>

</body>
</html>
does not go off the page in any browser I have. So what are you
talking about?

--
dorayme

May 22 '07 #2

pbd22

On May 21, 8:35 pm, dorayme <doraymeRidT...@optusnet.com.auwrote:

In article
<1179803955.671496.175...@u30g2000hsc.googlegroups .com>,

pbd22 <dush...@gmail.comwrote:
hi.

i am messing around with CSS2.1 and position:fixed. I can't
seem to get a "loading" span to move a little further left onto
the page. It seems stuck on the upper right and kind of
half way off the page. Can somebody advise me as to how
to apply the appropriate padding (when i change the "em"
values it seems to have no effect). Thank you.

#loading {
position: fixed;
_position:absolute; /*IE Hack*/
top: 1em; right: 1em; width: 10em;
margin: 0;
background: #FADF71;
border:solid 1px red;
}

This:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html;
charset=iso-8859-1">
<meta http-equiv="content-language" content="en-us">

<title>With Css</title>

<style type="text/css">
#loading {
position: fixed;
top: 1em; right: 1em; width: 10em;
margin: 0;
background: #FADF71;
border:solid 1px red;}

</style>

</head>

<body>

<div id="loading">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Pellentesque augue.Suspendisse consectetuer velit nec neque. Duis
nec orci quis nulla egestas fermentum.Ut quis eros. Aenean at
augue vitae quam posuere vehicula. Pellentesque habitantmorbi
tristique senectus et netus et malesuada fames ac turpis egestas.
Maecenas justonunc, porta sed, molestie eget, adipiscing id,
ante. Cum sociis natoque penatibus etmagnis dis parturient
montes, nascetur ridiculus mus. Suspendisse potenti. Nunc
blanditmagna id odio sodales luctus. Nulla quam magna, viverra
quis, dignissim blandit, viverra nec, odio.
</div>

</body>
</html>

does not go off the page in any browser I have. So what are you
talking about?

--
dorayme

Sorry, that was my fault. My XMLHTTPRequest code was resetting the
location
of the loading... element when it fired. Your response did get me to
rethink my
problem so, I guess it wasn't a post in vain. Thanks for your help.

May 22 '07 #3

boclair

pbd22 wrote:

hi.

i am messing around with CSS2.1 and position:fixed. I can't
seem to get a "loading" span to move a little further left onto
the page. It seems stuck on the upper right and kind of
half way off the page. Can somebody advise me as to how
to apply the appropriate padding (when i change the "em"
values it seems to have no effect). Thank you.

#loading {
position: fixed;
_position:absolute; /*IE Hack*/
top: 1em; right: 1em; width: 10em;
margin: 0;
background: #FADF71;
border:solid 1px red;
}

Are you seeing this in IE6 and (-)? These browsers do not honour
position:fixed.

Fixed in IE7

Louise

May 22 '07 #4

pbd22

On May 21, 10:52 pm, boclair <bocl...@bigpond.net.auwrote:

pbd22 wrote:
hi.

i am messing around with CSS2.1 and position:fixed. I can't
seem to get a "loading" span to move a little further left onto
the page. It seems stuck on the upper right and kind of
half way off the page. Can somebody advise me as to how
to apply the appropriate padding (when i change the "em"
values it seems to have no effect). Thank you.

#loading {
position: fixed;
_position:absolute; /*IE Hack*/
top: 1em; right: 1em; width: 10em;
margin: 0;
background: #FADF71;
border:solid 1px red;
}

Are you seeing this in IE6 and (-)? These browsers do not honour
position:fixed.

Fixed in IE7

Louise

Hi. What is the work-around? I have " _position:absolute; /*IE Hack*/
" as
the IE hack but haven't tried it on IE6 and below yet. Any
suggestions?

Thanks.

May 22 '07 #5

boclair

pbd22 wrote:

On May 21, 10:52 pm, boclair <bocl...@bigpond.net.auwrote:
>pbd22 wrote:
>>hi.
i am messing around with CSS2.1 and position:fixed. I can't
seem to get a "loading" span to move a little further left onto
the page. It seems stuck on the upper right and kind of
half way off the page. Can somebody advise me as to how
to apply the appropriate padding (when i change the "em"
values it seems to have no effect). Thank you.
#loading {
position: fixed;
_position:absolute; /*IE Hack*/
top: 1em; right: 1em; width: 10em;
margin: 0;
background: #FADF71;
border:solid 1px red;
}
Are you seeing this in IE6 and (-)? These browsers do not honour
position:fixed.

Fixed in IE7

Louise

Hi. What is the work-around? I have " _position:absolute; /*IE Hack*/
" as
the IE hack but haven't tried it on IE6 and below yet. Any
suggestions?

I cannot afford to use hacks on pages with the possibility that many
pages may be long toothed. Who knows what the future holds? It would
cost a fortune to upgrade contracted work.

Condition exclusions are the way to go in my opinion, if at all.

There are other methods (rather than javascript) in the case raised ...
position absolute perhaps. But need the url for a more developed page.

Louise

May 22 '07 #6

This discussion thread is closed

Similar topics