Hejsa...
jeg har et lille problem.
jeg denne kode:
<pre>
<html>
<head>
<title>Welcome</title>
<style type="text/css">
html, body {
text-align: center;
height: 100%;
margin: 0px;
}
#outer {
text-align: left;
margin-left: auto;
margin-right: auto;
border-left: 1px solid #5F696B;
border-right: 1px solid #5F696B;
width: 774px;
height: 100%;
margin:0 auto; width:774px;
}
#top {
background-image: url('/images/main/banner-top.jpg');
width: 774px;
height: 136px;
}
#navigate {
height: 28px;
width: 774px;
border-top: 1px solid #5F696B;
border-bottom: 1px solid #5F696B;
background-image: url('/images/main/button-no-spacer.jpg');
}
#main{margin:0 auto; width:774px; background-color: transparent; background-image: url('/images/main/banner-bottom.jpg'); background-repeat: no-repeat;}
.main_outer{width:200px; background-color: transparent; }
.main_inner{padding:20px; background-color: transparent; }
.read_me{font-weight:bold;font-variant:small-caps;}
</style>
</head>
<body>
<div id="outer">
<div id="top"></div>
<div id="navigate"></div>
<div id="main">
<div style="width: 774px; height: 80px;"></div>
<div class="main_outer" style="float: left; width: 540px; margin-right: 17px;">
<div class="main_inner" >
Boks 1.<br>
Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah<br>
Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah<br>
Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah<br>
</div>
</div>
<div class="main_outer" style="float: right; margin-right: 0px; margin-left: 17px;">
<div class="main_inner">
Boks 2.<br>
Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah<br>
Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah<br>
Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah<br></div>
</div>
</div>
</div>
</body>
</html>
</pre>
Hvis man åbner den i internet explore virker det 100%, men i firefox vil man se at boks 1 og 2 dækker over billede der ligger nedeunder. Men hvis man ikke bruger float i boksene kan man godt, men det ødeligger designet
hvad kan jeg gøre for at få de 2 bokse til at være transparente i firefox?
Håber i kan hjælpe
- SpeC|DK - #SpeC.DK @ Q-NET