...

View Full Version : CSS/HTML positioning problem



Sorrow
10-28-2008, 01:59 AM
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:


<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.

twodayslate
10-28-2008, 05:43 AM
Do you have a live preview of this. sorry, but I find it easier to help when I see it (too lazy to upload/copy&paste it myself)



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum