Connecting Tech Pros Worldwide Forums | Help | Site Map

Position:Fixed

pbd22
Guest
 
Posts: n/a
#1: May 22 '07
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;
}


dorayme
Guest
 
Posts: n/a
#2: May 22 '07

re: Position:Fixed


In article
<1179803955.671496.175430@u30g2000hsc.googlegroups .com>,
pbd22 <dushkin@gmail.comwrote:
Quote:
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
pbd22
Guest
 
Posts: n/a
#3: May 22 '07

re: Position:Fixed


On May 21, 8:35 pm, dorayme <doraymeRidT...@optusnet.com.auwrote:
Quote:
In article
<1179803955.671496.175...@u30g2000hsc.googlegroups .com>,
>
>
>
pbd22 <dush...@gmail.comwrote:
Quote:
hi.
>
Quote:
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.
>
Quote:
#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.

boclair
Guest
 
Posts: n/a
#4: May 22 '07

re: Position:Fixed


pbd22 wrote:
Quote:
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
pbd22
Guest
 
Posts: n/a
#5: May 22 '07

re: Position:Fixed


On May 21, 10:52 pm, boclair <bocl...@bigpond.net.auwrote:
Quote:
pbd22 wrote:
Quote:
hi.
>
Quote:
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.
>
Quote:
#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.

boclair
Guest
 
Posts: n/a
#6: May 22 '07

re: Position:Fixed


pbd22 wrote:
Quote:
On May 21, 10:52 pm, boclair <bocl...@bigpond.net.auwrote:
Quote:
>pbd22 wrote:
Quote:
>>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




Closed Thread