Css Positioning "Screen-Width-Relative"

Rob Powell · Sep 17, 2006

hi all

i was wondering

is there a way to give a CSS class a position screen-width-relative? ie,
can i have a class having some properties like "horizontal positioning =
(screen.width / 2) - 350"... ?

thanks in advance
rob

dorayme · Sep 17, 2006

Rob Powell said:
hi all

i was wondering

is there a way to give a CSS class a position screen-width-relative? ie,
can i have a class having some properties like "horizontal positioning =
(screen.width / 2) - 350"... ?

thanks in advance
rob

You can position a box in a browser with CSS. But you need more
to instruct for the monitor itself. You may have some success
with javascript.

Jonathan N. Little · Sep 17, 2006

Rob said:
hi all

i was wondering

is there a way to give a CSS class a position screen-width-relative? ie,
can i have a class having some properties like "horizontal positioning =
(screen.width / 2) - 350"... ?

thanks in advance
rob

Not directly, but this way will do it:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<style type="text/css">
#pushpin {
position: absolute; left: 50%; margin-left: -350px;
width: 10em; border: 1px solid black;
}
</style>
</head>
<body>

<div id="pushpin">Here I am!</div>
</body>
</html>

David Dorward · Sep 17, 2006

Rob said:
is there a way to give a CSS class a position screen-width-relative?

Why? That's just going to be horrible for anyone who doesn't run their
browser maximised.

dorayme · Sep 17, 2006

David Dorward said:
Why? That's just going to be horrible for anyone who doesn't run their
browser maximised.

Yes, I was wondering about this. (JL's answer to OP seemed
intriguingly clever).

Positioning CSS components	1	Nov 16, 2023
Positioning a popup	10	Dec 13, 2020
Positioning a popup	1	Oct 10, 2020
Stuck with html and css	25	Dec 14, 2022
Flip-Cards with Local Images	1	Mar 27, 2023
How to position the tooltip comment on these buttons?	9	Nov 4, 2023
CSS Grid inside slider not working...	1	Nov 28, 2022
Centering picture element for larger screen sizes	2	Sep 21, 2023

Css Positioning "Screen-Width-Relative"

Rob Powell

dorayme

Jonathan N. Little

David Dorward

dorayme

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads