Kipperlenny
Erfahrenes Mitglied
Moin
dazu gibt es im Internet zwar viel, aber die Vorgeschlagene Lösung "Eindeutige IDs für jedes Divs mit unterschiedlichen Opacity Werten" funktioniert bei mir irgendwie nicht.
Dadurch haben alle Divs die in einander geschachtelt sind die gleiche opacity, wobei aber eigentlich nur der oberste transparent sein soll.
Hier die Homepage: http://www.lhg-augsburg.de
Hier der Quellcode:
Kann mir dabei jemand helfen?
lenny
dazu gibt es im Internet zwar viel, aber die Vorgeschlagene Lösung "Eindeutige IDs für jedes Divs mit unterschiedlichen Opacity Werten" funktioniert bei mir irgendwie nicht.
Dadurch haben alle Divs die in einander geschachtelt sind die gleiche opacity, wobei aber eigentlich nur der oberste transparent sein soll.
Hier die Homepage: http://www.lhg-augsburg.de
Hier der Quellcode:
HTML:
<?xml version="1.0" encoding="ISO-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
<head>
<title>Content Center - Mit CSS den Inhalt der Seite mittig Platzieren</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<style type="text/css">
#contentcenter {
width: 700px;
position: absolute;
left: 50%;
margin-left: -350px;
background-color: #F7FC77;
filter:alpha(opacity=90);
-moz-opacity:0.90;
opacity:0.90;
}
#maincontent {
width: 698px;
border: 1px solid #CCC;
filter:alpha(opacity=100);
-moz-opacity:1.00;
opacity:1.00;
}
ul li {
list-style-type: none;
}
a img {
display: block;
border: 0;
}
</style>
</head>
<body style="width:100%;height:100%;background-image:url(./back.png);">
<div id="contentcenter">
<div id="maincontent">
<table width="100%" style="background-color: #F7FC77;"><tr style="vertical-align: top; height:160px;">
<td style="vertical-align: top; width:250px;"><img src="logo.png" /></td>
<td style="vertical-align: top; width:448px;">Hier ein toller Spruch</td>
</tr>
<tr style="vertical-align: top;">
<td style="vertical-align: top; width:250px;">
<ul>
<li><a href="./index.html"><img src="./start.png" /></a></li>
<li><a href="./programm.html"><img src="./prog.png" /></a></li>
<li><a href="./kandidaten.html"><img src="./kandi.png" /></a></li>
<li><a href="./impressum.html"><img src="./impr.png" /></a></li>
</ul>
</td>
<td style="background-color: white;vertical-align: top; width:448px; height: 600px;">
Hier könnt ihr euch unser Programm runterladen: <a href="./programm.pdf" target="_blank">Wahlprogramm</a>
</td>
</tr></table>
</div>
</div>
</body>
</html>Kann mir dabei jemand helfen?
lenny
