Hallo habe mir vorhin ein fertig desaign in css kopiert!
Zu meinem problem wie kan ich das bild zentrieren das es nicht doppelt angezeigt wird?
Kann mann den hauptkasten transparent machen das mann das bild besser sieht?
Wäre super wenn mir jemand helfen könnte vllt könnte ihn mir jemand anpassen
ich verwende folgenden code
-->
</style>
<div id="Beispiel_3">
<style type="text/css">
<!--
#Beispiel_3 {
position: absolute;
top: 30px;
left: 50%;
margin-left: -375px;
width: 728px;
z-index:3; }
/* Frame mit Schatten + abgerundete Ecken */
iframe{
border: 1px solid #343434;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='#FFFFFF', Positive='true');
-moz-box-shadow: 4px 4px 6px #000000, 4px 4px 6px #343434;}
/* Nullformatierung für alle Browser */
*{ margin:0px; padding:0px; }
/* Hintergrund hinter Design */
body {
background-color:#CED3D3;
background-image:url(http://www.reptilien.cc/images/baumpython.gif); background-repeat:repeat-nox; }
/* Container mit Schatten + abgerundete Ecken */
#container {
margin: auto;
margin-top: 20px;
margin-bottom: 20px;
width: 800px;
overflow: hidden;
background-color: #4C50FA;
background-image:url(http://www.infovisual.info/02/photo/emerald%20tree%20boa.html);
background-repeat: repeat-x;
border: 1px solid #343434;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=4, OffY=4, Color='#343434', Positive='true');
-moz-box-shadow: 4px 4px 6px #000000, 4px 4px 6px #343434;
z-index:1; }
/* Header-Feld entfernt mit */
#header_container {
display: none; }
/* Feld der Navigation */
#nav_container {
float:left;
margin-left:22px;
margin-top:125px;
margin-right:20px;
margin-bottom: 20px;
width:120px;
border: 0px solid #c9c9c9; }
li.nav_element {
list-style-type: none;
margin-bottom: 7px; }
/* Navi-Button mit Schatten + gerundete Ecken */
li.nav_element a {
display: block;
padding-left:6px;
padding-top:2px;
padding-bottom:2px;
color: #55565E;
font-size:12px;
font-family:arial;
text-align:left;
text-decoration: none;
background-color:#FFFFFF;
border: 1px solid #343434;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=3, OffY=3, Color='#343434', Positive='true');
-moz-box-shadow: 2px 2px 4px #343434, 2px 2px 4px #343434; }
/* Hover Button */
li.nav_element a:hover {
color: #FFFFFF;
background-color: #023E03; }
/* gerade besuchte Seite */
li.checked_menu a {
color: #FFFFFF;
background-color: #3F467A; }
/* Textfeld mit Schatten + gerundete Ecken */
#content {
float:left;
margin-top:105px;
margin-right: 40px;
margin-bottom:40px;
width:555px;
min-height:300px;
color:#000000;
font-size:13px;
font-family:arial;
text-align:left;
background-color:#FFFFFF;
background-image:url();
padding-top: 10px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
border: 1px solid #343434;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=3, OffY=3, Color='#343434', Positive='true');
-moz-box-shadow: 2px 2px 4px #343434, 2px 2px 4px #343434;}
/* Linkfarbe und Linkgröße im Textfeld */
#content a {
color: #000080;
font-size: 15px;
font-family: arial;
text-decoration: none;}
/* rechte Box entfernt mit */
#sidebar_container {
display: none; }
/* Streifen unter dem Design */
#unten {
margin: auto;
width: 780px;
color: #000000;
font-size:15px;
font-family: arial;
padding: 10px;
text-align: center;
margin-bottom: 50px;
background-color: #4C50FA;
border: 1px solid #343434;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='#343434', Positive='true');
-moz-box-shadow: 4px 4px 6px #000000, 4px 4px 6px #343434; }
/* Alle Bilder mit Schatten + abgerundete Ecken */
img {
margin-left: 5px;
margin-right: 5px;
border: 1px solid #343434;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=3, OffY=3, Color='#343434', Positive='true');
-moz-box-shadow: 3px 3px 4px #000000, 3px 3px 4px #343434; }
/* unnötige DIVs aus dem Design entfernt */
#pre_content {display: none;}
#pre_header {display: none;}
#post_header {display: none;}
#post_content {display: none;}
#below_content{display: none;}
#extraDiv2 {display: none;}
#extraDiv3 {display: none;}
#extraDiv4 {display: none;}
#extraDiv5 {display: none;}
#extraDiv6 {display: none;}
div.header {display: none;}
#counter {display: none;}
h1#header {display: none;}
h2#title span {display: none;}
#sidebar_heading {display: none;}
#nav_heading {display: none;}
