DIV i midten
Hejsa,Jeg kunne rigtig godt tænke mig en div ligesom mange sikkert kender fra diverse galleri´er.
Altså en div på 100% højde og 100% brede som er transparent.
Inde i den div skal så være en anden div som ikke er transparent, men som er i center både horizontal & vertical.
Kan i hjælpe ?
Jeg har selv forsøgt uden held:
<!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" xml:lang="da" lang="da">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="content-language" content="da" />
<style>
body {
font-size:14px;
margin: 0px;
height:100%;
padding: 0px;
}
html {
height:100%;
margin: 0px;
padding: 0px;
}
</style>
<title>Div test</title>
</head>
<div id="div_boks" name="div_boks" style="background-color:blue; width:100%; height:100%; position:fixed; top:0px; margin:0px auto; opacity:0.4;filter:alpha(opacity=40)">
<div style="width:500px; height:400px; background-color:red; margin: 0px auto; border:1px solid #000000;">CENTER DIV</div>
</div>