Hi there emanuelle,
Try it like this...
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="language" content="english">
<meta http-equiv="Content-Style-Type" content="text/css">
<title></title>
<style type="text/css">
#background {
position:relative;
width:500px;
height:250px;
background:#c60 url(klematis.jpg) repeat; /*the #c60 is for testing and may be removed*/
border:2px solid #000;
}
#transbox {
position:absolute;
width:400px;
height:180px;
margin:33px 48px; /* these values give true centering */
background-color:#fff;
border:1px solid #000;
/* for IE */
filter:alpha(opacity=60);
/* CSS3 standard */
opacity:0.6;
}
#text {
position:absolute;
width:320px;
height:120px;
margin:65px 90px; /* these values give true centering */
font-size:13px;
font-weight:bold;
color:#fff;
}
</style>
</head>
<body>
<div id="background">
<div id="transbox"></div>
<div id="text">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Proin massa. Nam vehicula. Morbi velit nisi, mollis id,
ultrices luctus, adipiscing sit amet, lectus. Nunc rhoncus
nisl ac enim. Maecenas vestibulum dolor ut velit.Maecenas
condimentum pulvinar purus.Pellentesque ac ipsum.
</div>
</div>
</body>
</html>
coothead
Bookmarks