 | |
moving div against edge of body tag
Javascript JavaScript language (comp.lang.javascript)
 |
| | Thread Tools | Display Modes |
#1
 
| |||
| |||
|
moving div against edge of body tag -
11-04-2009
, 03:46 PM
#2
| |||
| |||
|
|
Is it possible to move div against the edge of body tag? I would like to have div located in the same place on every monitor nevermind if it is high resolution or low and nevermind if it is panoramic monitor or old ordinary crt monitor or notebook monitor |
right, bottom-left and bottom-right corners of the body element so -
lesser some special layouts - top-left, top-right, bottom-left and
bottom-right corners of the browser display area. In this case you
don't need scripting right away, CSS would make it, say:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<style type="text/css">
HTML {
width: 100%;
height: 100%;
}
BODY {
width: 100%;
height: 100%;
}
DIV#MyDiv1 {
position: absolute;
left: 0; top: 0;
width: 10%; height: 5%;
background-color: yellow;
}
DIV#MyDiv2 {
position: absolute;
left: 90%; top: 0;
width: 10%; height: 5%;
background-color: yellow;
}
DIV#MyDiv3 {
position: absolute;
left: 0; top: 95%;
width: 10%; height: 5%;
background-color: yellow;
}
DIV#MyDiv4 {
position: absolute;
left: 90%; top: 95%;
width: 10%; height: 5%;
background-color: yellow;
}
</style>
</head>
<body>
<div id="MyDiv1">My DIV 1</div>
<div id="MyDiv2">My DIV 2</div>
<div id="MyDiv3">My DIV 3</div>
<div id="MyDiv4">My DIV 4</div>
</body>
</html>
It is just an idea, comp.infosystems.www.authoring.stylesheets
newsgroup may help you with the exact details. If you have further
questions about using CSS for your solution then please post in that
group. If you believe need an extra scripting then ask in this thread.
#3
| |||
| |||
|
|
Hello! Is it possible to move div against the edge of body tag? I would like to have div located in the same place on every monitor nevermind if it is high resolution or low and nevermind if it is panoramic monitor or old ordinary crt monitor or notebook monitor |
Quote:
|
If so, please give me the example how to move div... |
those of the body.
What did you do to to that div (or to he body) if it'sn't edge to edge ?
More explanations are necessary about that div and its context.
--
sm
#4
| |||
| |||
|
|
Le 11/4/09 9:46 PM, Netman a écrit : Hello! Is it possible to move div against the edge of body tag? I would like to have div located in the same place on every monitor nevermind if it is high resolution or low and nevermind if it is panoramic monitor or old ordinary crt monitor or notebook monitor Can't you only use CSS ? If so, please give me the example how to move div... A div in natural state has always its edges (left and right) against those of the body. What did you do to to that div (or to he body) if it'sn't edge to edge ? More explanations are necessary about that div and its context. -- sm |
place on every kind of monitors.
nt.
#5
| |||
| |||
|
|
Uzytkownik "SAM" <stephanemoriaux.NoAdmin (AT) wanadoo (DOT) fr.invalid> napisal w wiadomosci news:4af23c09$0$955$ba4acef3 (AT) news (DOT) orange.fr... Le 11/4/09 9:46 PM, Netman a écrit : Hello! Is it possible to move div against the edge of body tag? I would like to have div located in the same place on every monitor nevermind if it is high resolution or low and nevermind if it is panoramic monitor or old ordinary crt monitor or notebook monitor Can't you only use CSS ? The content of div is flash or gif banner which has to be placed in the same place on every kind of monitors. |
the document ?
(I expect you don't want the div at rear of the monitor ?)
Once more: where is supposed to be that div ?
- in another one ? styled ? how ?
- in top ? bottom ? of the body (in the html code)
css:
====
#baner { position: absolute; top: 0; left:0;
width: 300px; height: 200px; }
..option { width: 100% }
html:
=====
<body>
<h1>my title</h1>
<p>some content</p>
blah all the content
<img id="baner" class="option" src="advertising.php" alt="">
</body>
--
sm
#6
| |||
| |||
|
|
#baner { position: absolute; top: 0; left:0; width: 300px; height: 200px; } ..option { width: 100% } |
Quote:
|
img id="baner" class="option" src="advertising.php" alt="" |
--
Best wishes,
Osmo
#7
| |||
| |||
|
|
SAM kirjoitti: #baner { position: absolute; top: 0; left:0; width: 300px; height: 200px; } ..option { width: 100% } The latter style rule is superfluous for: |
Quote:
|
img id="baner" class="option" src="advertising.php" alt="" The rule for id being more specific. |
PointedEars
--
var bugRiddenCrashPronePieceOfJunk = (
navigator.userAgent.indexOf('MSIE 5') != -1
&& navigator.userAgent.indexOf('Mac') != -1
) // Plone, register_function.js:16
#8
| |||
| |||
|
|
Hello! Is it possible to move div against the edge of body tag? I would like to have div located in the same place on every monitor nevermind if it is high resolution or low and nevermind if it is panoramic monitor or old ordinary crt monitor or notebook monitor If so, please give me the example how to move div... Thank you in advance netman |
content (apart from maybe a javascript alert), can only remain within
the confines of the browser itself.
#9
| |||
| |||
|
|
Osmo Saarikumpu wrote: SAM kirjoitti: #baner { position: absolute; top: 0; left:0; width: 300px; height: 200px; } ..option { width: 100% } The latter style rule is superfluous for: No, it is not. |
may have some kind of blind spot with selectors. I hope it's not
anything embarrassingly obvious
--
Nice weekend,
Osmo
#10
| |||
| |||
|
|
SAM kirjoitti: #baner { position: absolute; top: 0; left:0; width: 300px; height: 200px; } ..option { width: 100% } |
Quote:
|
The latter style rule is superfluous for: |
Quote:
|
img id="baner" class="option" src="advertising.php" alt="" The rule for id being more specific. |
(without moving the div - object of the question)
--
sm
|
« Previous Thread
|
Next Thread »
| Thread Tools | |
| Display Modes | |
Linear Mode
| |
Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2009, Jelsoft Enterprises Ltd.
Copyright ©2000 - 2009, Jelsoft Enterprises Ltd.