Prova questa soluzione:
codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Documento senza titolo</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
<!--
body, html {
background: #000000;
margin: 0px;
padding: 0px;
font-family: "Trebuchet MS", Trebuchet, Verdana, Sans-Serif;
}
#container {
position: absolute;
top: 50%;
left: 50%;
width: 775px;
height: 502px;
margin: -251px 0 0 -388px;
padding: 0;
font-weight:bold;
background-color: #FEFEFE;
}
-->
</style>
<style type="text/css">.div-1 {
border: none;
height: 502px;
margin-left: auto;
margin-right: auto;
position: relative;
text-align: left;
width: 775px;
}
.div-1-1 {
background-color: #ff0000;
border: none;
height: 442px;
left: 10px;
padding: 20px;
position: absolute;
top: 10px;
width: 444px;
}
.div-2 {
background-color: #ffffff;
border: none;
height: 442px;
position: relative;
text-align: left;
width: 444px;
}
.div-2-1 {
border: none;
height: 442px;
left: 0px;
line-height: 442px;
padding: 0px;
position: absolute;
top: 0px;
width: 444px;
}
.div-1-2 {
background-color: #ffff00;
border: none;
height: 442px;
left: 504px;
padding: 20px;
position: absolute;
text-align: left;
top: 10px;
width: 221px;
}
</style>
</head>
<body>
<div id="container">
<div class="div-1">
<div align="center" class="div-1-1">
<div class="div-2">
<div class="flexcroll div-2-1"></div>
</div>
</div>
<div align="left" class="div-1-2"></div>
</div>
</div>
</body>
</html>
Rispondi quotando
