| | |
|
|
|
positioning of the div tags relative to the docum |
|---|
| message from ----------- on 16 Jul 2004 |
hi,
i am using a bg image with the div with 100% width and 100% height, but i
want the remaining items to be relative to the bg image i.e centre and middle
relative to the document and this should come irrespective of the screen
resoultion
thanx
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
div#main {
margin: 0px;
height: 100%;
width: 100%;
text-align: center;
vertical-align: middle;
position: absolute;
visibility: visible;
}
div#maincentre {
margin: 0px;
background-image: url(newimages/bg.jpg);
text-align: center;
vertical-align: middle;
background-repeat: no-repeat;
height: 100%;
width: 100%;
background-position: center center;
}
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
background-color: #000000;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
div#close {
width: 100%;
text-align: center;
vertical-align: middle;
position: absolute;
visibility: visible;
padding-right: 100px;
top: 25px;
}
div#mainimage {
margin: 0px;
width: 263px;
top: 300px;
position: absolute;
visibility: visible;
left: 250px;
}
div#mainimagetop {
margin: 0px;
width: 263px;
top: 215px;
position: absolute;
visibility: visible;
left: 250px;
}
div#maintext {
margin: 0px;
width: 263px;
position: absolute;
visibility: visible;
left: 250px;
bottom: 210px;
}
div#smallimgmain {
margin: 0px;
width: 145px;
top: 300px;
position: absolute;
visibility: visible;
left: 525px;
height: 170px;
}
.smlimgs {
margin: 0px;
position: relative;
visibility: visible;
padding-right: 11px;
padding-bottom: 11px;
vertical-align: top;
float: left;
}
div#bottom {
margin: 0px;
width: 145px;
position: absolute;
visibility: visible;
height: 170px;
right: 130px;
bottom: 140px;
|
|
Archived message: positioning of the div tags relative to the docum (Macromedia Dreamweaver)
