Hallo,
ich habe es schon selbst versucht.
Entweder kam eine Container in Container Geburt raus oder es war außerhalb, aber an der falschen Stelle.
http://xviews.eu/mm.JPG
Screenshot
Unten links unter der Artist Navigation sieht man die Bilderchen.
Diese würde ich gerne rechts vom eigentlichen Container in einem neuen Container platzieren. Wie in rot eingezeichnet.
Ich hätte gerne zwei Container. Beide rechts vom großen und untereinander.
Habe es mit #werbung probiert.
Meine css:
[PHP]body{
padding:0;
margin:0;
color:#000000;
font-family: verdana, tahoma, sans-serif;
font-size: 13px;
background-color: #6DBFFB;
background-image: none;
background-repeat: no-repeat;
}
a{
text-decoration:none;
background-color:inherit;
font-weight:bold;
color:#286ea0;
}
a:hover{
background-color:inherit;
text-decoration:underline;
color:#303030;
}
h1{
margin:0;
font-size:16px;
letter-spacing:-3px;
text-align:right;
background-color:inherit;
color:#ffffff;
}
h2{
margin:10px 0 10px 0;
font-size:18px;
letter-spacing:1px;
font-weight:bold;
text-align:center;
}
h3{
font-size:15px;
letter-spacing:0px;
font-weight:bold;
}
p{
line-height:18px;
}
p2{
line-height:16px;
}
#title{
width:1050px;
height:140px;
margin-top: 20px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
border:3px solid #000000;
}
#container{
margin:10px auto 10px auto;
width:1050px;
padding:10px;
background:#ffffff url(img/unten-rechts.jpg) bottom left no-repeat;
color:#000000;
border:10px solid #000000;
}
#werbung{
width:160px;
background:#6DBFFB;
color:000000;
border: 1px solid #000000;
}
#sidebar{
float:left;
width:90px;
padding-left:0px;
}
#main{
width:850px;
float:right;
font-size:13px;
}
#footer{
clear:both;
font-size:12px;
}
#menu {
width: 100%;
background: #ffffff;
font-family: Verdana;
font-size: 13px;
line-height: 20px;
float: left;
}
/*--Setzt alle Abstände auf "Null"--*/
- {
margin: 0;
padding: 0;
}
/–formatiert die Themenblöcke–/
#menu ul {
float: left;
width: 130px;
list-style-type: none;
}
/–definiert die Blocküberschriften–/
#menu h3 {
font-size: 13px;
text-align: center;
color: #ffffff;
border: 1px solid #ffffff;
background: #000000;
}
/–definiert die „Drop-Down-Links“ im Normalzustand–/
#menu a {
text-decoration: none;
display: block;
text-align: center;
background: #000000;
border: 1px solid #ffffff;
color: #ffffff;
}
#menu a:hover{
background-color:#6DBFFB;
color:#000000;
border:1px solid #000000;
}
/*
*verhindert im Zusammenhang mit position absolute bei ul ul
*eine Höhenvergrößerung von #menu beim Hovern–
*/
#menu li {
position: relative;
}
/–versteckt die „Drop-Down-Links“, solange nicht gehovert wird–/
#menu ul ul {
position: absolute;
z-index: 2;
display: none;
}
/–lässt die Dropdown-Links beim Hovern erscheinen–/
#menu ul li:hover ul {
display: block;
}
/–nur für IE-Versionen kleiner gleich 6 erkennbar–/
- html #menu ul li {
float: left;
width: 100%;
}
/–nur für IE 7 erkennbar–/
*+ html #menu ul li {
float: left;
width: 100%;
}
/–bewirkt Hover-Effekt für IE kleiner 7 auch für ul- und li-Elemente–/
*html body {
behavior: url(csshover3-source.htc);
font-size: 100%;
}
*html #menu ul li a {
height: 10%;
}
/–definiert einen Einzellink im Normalzustand, wenn kein Drop-Down erforderlich–/
#menu a.direkt:link {
font-size: 13px;
font-weight: bold;
text-align: center;
color: #ffffff;
border: 1px solid #ffffff;
background: #000000;
}
/–definiert einen Einzellink im Hoverzustand, wenn kein Drop-Down erforderlich–/
#menu a.direkt:hover {
color: #000000;
background: #6DBFFB;
border: 1px solid #000000;
}
/– Menü 2 –/
.menu2{
display:block;
text-align: center;
width:90px;
padding:3px;
font-size:14px;
font-weight:bold;
background-color:#000000;
color:#6DBFFB;
border:2px solid #ffffff;
}
.menu2:hover{
background-color:#000000;
color:#ffffff;
border:2px solid #6DBFFB;
}
.credits{
margin-bottom:0;
font-size:10px;
background-color:inherit;
color:#aaaaaa;
text-align:center;
}
.credits a{
background-color:inherit;
color:#aaaaaa;
}
.small{
font-size:10px;
}
.center{
text-align:center;
}
[/PHP]