Hi everyone here is my problem. I have a page that displays the result of some dvd release they are displayed in seperate rectangle with the Case picture is on the left side and the rest is centered.
here is the code that I have:
Code:
<style type="text/css">
body
{
font-family:Arial, Helvetica, sans-serif;
background-color:#000000;
}
.general
{
background-image: url(http://web.com/pics/patternsbg0030.gif);
background-repeat:repeat;
width: 800px;
height:auto;
}
.dvdRel
{
background-color:#000000;
padding: 5px;
position:absolute;
color:#FFFFFF;
}
.dvdPagination
{
padding: 5px;
position:absolute;
color:#FFFFFF;
}
.movie
{
background-color:#000000;
margin-bottom: 15px;
border:1px solid #ffffff; /* Tu peu mettre un code de couleur #232323*/
padding:10px;
color:red; /* Tu peu mettre un code de couleur #232323*/
height:85px;
width: 750px;
}
.title
{
position:relative;
left:20px;
}
.case
{
position:absolute;
left:125px;
}
.reldate
{
position:absolute;
left:500px;
}
.director
{
position:absolute;
left:20px;
}
.mainmenu
{
background-color:#000000;
border:0px;
text-decoration:none;
}
</style>
</head>
<body text ='#FF0000' link="#000000" vlink="#000000">
<center>
<div class="movie">
<img src=<?=$list['relCase']?> height="85" width="65" class="case">
<div class="title"><b> <?=$list['relTitle']?></b><br />
<br>Release Date: <?=$list['relDate']?> </div><br />
Director(s) : <?=$list['relDirector']?>
</div>
I skipped the database part but with that code I can only set the positioning for 1 resolution how can I position those variables so it fits with any resolution please.
Before you post, read our: 
